Screens shift to the left

Hello,

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)

View original
7 replies