You must have seen lots of web apps where you are able to collapse a section of website by clicking on a plus icon or something similar to that. So, not waiting further I dived right in and started researching how we can do that in Siebel Open UI.
First I tried to find the a jQuery plugin that will help me accomplish that but that seemed too much for this type functionality. After further research the solution that I found was too simple to implement in Siebel 2013 Innovation Pack (Siebel 8.1.1.11).
The Solution in 8.1.1.11 turned out to be just couple of Applet User Properties.
Yes, that’s right. To turn any applet into a collapsible applet you just need to create two user properties.
- ClientPMUserProp
- Default Applet Display Mode
Below are the details of the user properties
- Name: ClientPMUserProp
Value: Default Applet Display Mode - Name: Default Applet Display Mode
Value: Expanded
In case if ClientPMUserProp user property is already define on the applet then you can just add “Default Applet Display Mode” to the value by putting a comma at the end. As soon as you create these two user properties you start to see an icon at the far right corner of the applet as shown below
List Applet:
Form Applet:
That’s it you are done. As soon as you click the icon the applet will collapse and you will only see the header and clicking that icon again will expand the applet.
Since we have provided “Expanded” as value to the user property the applet by default is Expanded. You can also provide value as “Collapsed” to change the default behavior of the applet to be collapsed. In the below screenshot you can see the collapsed form applet in action.
and here is teaser preview for the next post
Yes, I did find a custom solution for people still on previous version of Open UI 8.1.1.9/10 but with this you can go a step further and group applets as sections and expand/collapse complete section on clicking the icon.
Happy New Year!!