Close popover
Tom Leary (Tom L)
Booz Allen Hamilton

Booz Allen Hamilton
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 Experience Government System Architect
Moderation Team has archived post,
Close popover This thread is closed to future replies. Content and links will no longer be updated. If you have the same/similar Question, please write a new Question.