Posted: 7 May 2018 9:41 EDT Last activity: 27 Aug 2018 14:05 EDT
How can we create a collapsible section Inside a Section
How can we create a collapsible section as shown in attached screens. on click of that expandable Icon, Some of the portion of the existing section should get occupied by this new section which is expanded. And If we collapse it should come to normal like as shown in the pic.
Your screen shot indicates that you are seeing this functionality perhaps in decisioning application or another one that involves strategy.
You can see somewhat of similar behavior in the OOTB designer studio. Use chrome developer toolbar and Live UI to figure out how expand/collapse is implemented and you can mimic something similar at your end.
Thanks for reply. The screenshot you have provided in Designer Studio is Screen Layout with Header Left which is OOTB and the behavior is default. And this behavior will applicable at Portal level and I think we cannot apply this at a section level.
Yes, the screenshot which I'm referencing is a Strategy. There I could see some custom code section in "pzGFWViewerSidePanel" and unable to understand this logic as there is no JS or CSS.
If you understand/know the logic , Can you explain me how can I implement this ?
There are a couple options that might help at your end:
Use a screen layout with a resizable panel. This is the best approach in my opinion. Not exactly the style you are looking for but should work OOTB. Did you try this? Or is there any reason for not using a screen layout?