Contextual side bar not collapsing in a custom page - UI Builder

[Vinay Tulabandu]

When a contextual sidebar is added to resizable panes inside custom page using ui builder, when collapsed the space remains empty as shown below,

To solve this, I made a workaround as explained.

step 1 : Modify the resizable panel configuration as below,

The minPixels should be -48. by default its 100.

Step 2 : Create client state parameter with value 75. I want the sidebar to be 25% on right.

Step 3 : Create events on contextual side bar. one event to set client state parameter to 75 when tab item is selected and value should be -48px if tab item is collapsed.

This way the sidebar will not leave empty space.

[Vinay Tulabandu · Accepted solution]

This is more like an article. so marking as accepted solution