Multiple Sidebars in One App and Different Monitor Sizes

[emoreno]

Hi ESRI Community,

I am having troubles trying to configure two different sidebar widgets in my Experience Builder. I have this top down sidebar with a map and a table, and a left right sidebar with a survey and edit widget. 

When I expand the contents of the second (left right) sidebar, i can see the editor covering up the survey as expected.

However, if I switch to another (larger) monitor, I can see the survey peeking behind the editor widget in the first page of the sidebar.

Is there anyway to configure this experience so that no matter what monitor size I use, the editor widget will always cover the survey when the left right sidebar is expanded? Any help is appreciated, and below is a screenshot of how I have the sidebars configured currently. Thank you! 

[ShengdiZhang · Accepted solution]

Hi @emoreno ,

This is because the size of the sidebar side panel is smaller than the width of the sidebar widget.

If you are using the AGOL version of Experience Builder, the next version will be released in a few days and will support setting the side panel size in %. At that time, you can set the sidebar size to 100% to solve this problem.

If you are using a version other than AGOL, then you can set the width of the Sidebar 2 widget in px and set the size of the side panel to be the same as the width of the Sidebar 2 widget. However, this requires other layout optimizations that I can elaborate on if needed.

Regards,

Shengdi

[emoreno]

Hi Shengdi,

Good to know! I am using AGOL Experience Builder so I will be looking forward to the update. This will definitely come in handy as all of our stakeholder groups use different monitor sizes. Thank you!