Question

50
Views
Tom L Member since 2018 6 posts
Booz Allen Hamilton
Posted: March 24, 2020
Last activity: March 25, 2020

Dynamic height of menu in pyTabbedScreenFlow7Nav

The new Cosmos navigation with selectable menu items (using pyTabbedScreenFlow7Nav) requires that all steps have a single word (or possibly two). Once they wrap, they show up behind the nav bar (Menu Overlap 1.png). This gets worse when the window is more narrow and the words wrap to three lines (Menu Overlap 2.png). The CSS looks to have a static height and changing the height breaks the ability to click the chevrons for each step.

The consistent solution we've found is to change the entire browser zoom to 80% (Menu Overlap 3.png), but we can't expect our production users to do this.

Is there a way to have this menu set-up so that the height dynamically changes based on the contents of the menu?

Pega Platform 8.3 User Interface Government System Architect
Share this page LinkedIn