A customer is developing a WebIQ project. The problem is that when using different screens and navigating between them, the information shifts to the left on the last two screens.
I've attached a video that explains what's happening.
Any ideas?
Best reply by HmiGuide
Hello webiq-sk I reproduced the issue (with 2.18.0 & 2.19.0) using a newly created project:
A parent swipe panel with at least two panels
A child tab panel
All panels are empty, except for the first one, which contains two buttons for language switching—intended to demonstrate that no shifting occurs with short labels.
No customer CSS definitions
This means it is not a customers problem, it is a WebIQ bug.
You can reproduce it with this project:
swipe-bug.zip
4.26MB
The shifting occurs under the following conditions:
The Swipe Panel has more than one panel
There are many tab panels or long tab labels
When you change the tab panel via an item, the panel is not moved, but the selected tab is not displayed
Hint: When the tab panel is set via an item: (Use rocker button in example to verify this)
the screen is not shifted, but
the tab label is not moved, which means it gets not visible, when it is outside the screen
Workarounds:
Use short tab labels
Use icons instead of tab labels
Replace the parent swipe panel by a screen (panel)