Select to view content in your preferred language

Two collapsible panes in Experience Builder

259
4
Jump to solution
12-11-2024 03:14 PM
Brian_McLeer
Frequent Contributor

In the body of my experience, I have three main components; a map widget, table widget, and map layers widget.

Brian_McLeer_0-1733958586857.png

The table widget can be expanded or collapsed, which in turn adjusts the map size. 

Brian_McLeer_1-1733958632640.png

Brian_McLeer_2-1733958656407.png

I have tried a few approaches but have had no success adding this function to the map layers widget. Please let me know if anyone has a workflow or tips I might have missed. 

Brian_McLeer_3-1733958873927.png

 

 

 

Brian
0 Kudos
1 Solution

Accepted Solutions
LucVanDijk
Occasional Contributor

Hi @Brian_McLeer ,

Your goal can be accomplished by nesting multiple Sidebar widgets. You can nest as many of them as you like. Make sure the 'First' half of the Sidebar contains a widget (in this case, Map Layers) and the 'Second' half of the sidebar contains another Sidebar widget. The second Sidebar widget should then contain the Map and Table widgets. When nesting sidebars, always make sure to put the Map widget at the 'deepest' level. 

LucVanDijk_0-1733999361318.png

You can change the configuration of the Sidebar widgets independently: make Sidebar 1 dock to the left and Sidebar 2 dock to the bottom. This also leads to the solution for @JasonBOCQUET 's problem: change the docking side to 'bottom':

LucVanDijk_1-1733999706516.png

This will make your table show/hide from the bottom of the screen. Set the 'size' parameter to the size you want your table to be when expanded. Do not set it to 0, as that will make it always invisible.

View solution in original post

4 Replies
JasonBOCQUET
Frequent Contributor

Hi @Brian_McLeer i'm sorry but I have not the answer to your question, i replied because I think you can help me.

I wanted to add a table in the sidebar widget, but i've one great problem : 

JasonBOCQUET_0-1733993750565.png

here I can deploy and reduce without any problem, but i don't want to have a little part of my table showed, so i change the "Size" parameter to "0" but if I do that, my table do not reduce when I click on the arrow...

 

Can you share with me your parameter of this widget to make it work please ? 

LucVanDijk
Occasional Contributor

Hi @Brian_McLeer ,

Your goal can be accomplished by nesting multiple Sidebar widgets. You can nest as many of them as you like. Make sure the 'First' half of the Sidebar contains a widget (in this case, Map Layers) and the 'Second' half of the sidebar contains another Sidebar widget. The second Sidebar widget should then contain the Map and Table widgets. When nesting sidebars, always make sure to put the Map widget at the 'deepest' level. 

LucVanDijk_0-1733999361318.png

You can change the configuration of the Sidebar widgets independently: make Sidebar 1 dock to the left and Sidebar 2 dock to the bottom. This also leads to the solution for @JasonBOCQUET 's problem: change the docking side to 'bottom':

LucVanDijk_1-1733999706516.png

This will make your table show/hide from the bottom of the screen. Set the 'size' parameter to the size you want your table to be when expanded. Do not set it to 0, as that will make it always invisible.

JasonBOCQUET
Frequent Contributor

It works great ! thanks for your help 🙂

Brian_McLeer
Frequent Contributor

@LucVanDijk, that worked; thank you! @JasonBOCQUET  looks like it answered the question for both of us, but if you still need my parameters, please let me know.

Brian