Question
Implementing collapsible left panel.
I have a requirement to render the left menu panel collapsible. For this I have selected the user resizable in harness and modified the Skin properties of screen layout by giving the vertical separator as more than 0.
The collapsible panel is achieved only on the launch screen. If I click on any links on the menu, the left panel is not collapsible. How can I overcome this?
Thanks in advance.
**Moderation Team has archived post**
This post has been archived for educational purposes. Contents and links will no longer be updated. If you have the same/similar question, please write a new post.
Have to attempted to look at how this has been achieved OOTB? When you launch a portal and minimize the window the hamburger menu appears. See how that has been implemented and whether you could take the same approach.
Thank you for your response. I had checked the Pega designer studio recent/cases menu. It has been implemented through tab group layout with a particular style format.
But we are using a simple screen layout with header left. The SR steps mentioned for SA ID: SA-29860 was also not helpful in this case.
Can anyone help me on this.
Hi Aparna,
To create a collapsible left side menu, you have to use the screen layout which has a left menu panel.
Since you are already making it user resizable, it should be rendered collapsable.
Could you post the screen shot of what the harness exactly looks like and a screen shot of the menu as well.
Thanks for your reply Faizan. I have posted couple of screenshots in the original post.
Adding one more here.
Hi Aparna,
Clicking links in menu opens other harness which is different from where user resizable option is set. So collapsible bar doesn't show up. Target harness of links should be the harness where resizable is configured.
Observed that mostly happens with user portal and pyCaseWorker harness. We can try this on pyCaseManager7 harness and have a clone, it should be working fine.
Thank you for the helpful response RajKumar.
Hope you are able to solve it by this time? If not just follow the SKIN of developer portal. In that the Screenlayout - Left -Panel Separator , do exactly as in Developer SKIN, then that will solve your issue.
How about adding a responsive breakpoint to the left menu panel.
Can anyone help me on this.