How to fix the position of TreeNavigation7
I use screenflow with TreeNavigation7. On default the TreeNavigation is displayed on the right side of the screen and when use scroll down the screen TreeNavigation moved out from the screen. The requirement said the position of TreeNavigation should be fixed because customer wants to see the tree even if they scroll down the screen.
I want to know the CSS file name of TreeNavigation to adjust the position of the tree.
Accepted Solution
Updated: 5 Mar 2020 9:24 EST
Pegasystems Inc.
US
Please have a look at the below video. It will surely help you find the css. In case it does not help, please share the screenshot of the developers's tools.
https://community.pega.com/video-library/how-troubleshoot-when-application-skin-not-picked
Pegasystems Inc.
US
Below is the css code I can see for TreeNavigation
/* Override for the tree screenflow style (TreeNavigation7) Applied to the outer container of a layout containing the TreeNavigation7 section and a flow action. The content should be the first item in the layout and the TreeNavigation7 should be second.*/ /* Flex-flow makes it so the nav comes first in the DOM, but appears on the right side. */ .flex.treeNavWrapper { margin:auto; overflow: visible !important; max-width:1300px; flex-flow:row-reverse nowrap; }
Pegasystems Inc.
JP
Thank you for the reply.
I changed py-screenflow-overrides css file but it doesn't work.
So I used Chrome developer tool and focused the mouse to TreeNavigation, the developer tool show another css file whose name start with 'pzskinv2'. I update the css on the developer tool and confirmed the position of TreeNavigation is fixed.
So I searched pzskinv2 on the Designer Studio to update this css file but search result doesn't show anything.
Accepted Solution
Updated: 5 Mar 2020 9:24 EST
Pegasystems Inc.
US
Please have a look at the below video. It will surely help you find the css. In case it does not help, please share the screenshot of the developers's tools.
https://community.pega.com/video-library/how-troubleshoot-when-application-skin-not-picked
bankofamerica
IN
Hi Team,
I am facing the same issue after upgrade to 8.3 , there is no css involved in my code. only TreeNavigation harness. settings are same as in working version.
Pegasystems Inc.
IN
Hello!
This post has not seen much activity in recent times.
Please create a new post to seek resolutions to your query.
Thanks,
Pallavi M | Moderator | Pega Collaboration Center