Allowing Sidebar Items to Adjust their Size Automatically

125
1
2 weeks ago
Labels (2)
smitht60
New Contributor

I currently have a sidebar with a filter and query widget. It looks like this on default:

smitht60_0-1715529727269.png

However, if I expand the Time Period filter, it overlaps the Headstone Query:

smitht60_1-1715529769882.png

My current solution is to make the background of the sidebar white so that if the Filter is collapse, the map is not shown, but I would like to make it so that if I expand the Filter widget, the Query widget box contracts without being overlapped, and without changing the size of the sidebar. How might I create such a "hierarchy"?

 

 

0 Kudos
1 Reply
TonghuiMing
Esri Regular Contributor

Hi @smitht60 

The reason is that inside the sidebar, the position is absolute. While your filter widget height can change based on the content (auto), the distance of the two widgets cannot.

However, you can add a Column widget inside your Sidebar, and then put filter and query widgets into the column. This way, they will not overlap with each other:

2024-05-14_10-32-25.gif

0 Kudos