nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Have map frame shift when sidebar is expanded

Brian_McLeer

I added a Sidebar widget that contains a Table widget within it. Upon opening, I have it collapsed by default. The issue I am having is when expanding, the map widget does not seem to adjust to the change. This causes certain elements like the scalebar and map credits to overlay the table. I adjusted settings in both the sidebar and map widget style for height from a defined percentage to stretch, but the issue persisted. Any tips?

Collapsed:

Expanded:

Encuentra más publicaciones etiquetadas con

Accepted answers

All comments

Brian_McLeer

@ShengdiZhang I think I resolved the issue, I used your workflow above but turned Overlay off on the Sidebar widget. Thanks for your help with this!

Brian_McLeer

@ShengdiZhang I just loaded the foldable template, and out of the box, it is showing the same behavior of not collapsing the map to show the credits when the table is expanded. I added a scale bar as well.

Collapsed:

Expanded:

ShengdiZhang

Hi Brian, it should work if you move the map widget to another panel in the sidebar widget. You can use the Foldable template with a similar layout to add a page as a reference.

Shengdi

Brian_McLeer

@ShengdiZhang I should include that the Sidebar is nested outside of the Map widget within the same level of the body.

Brian_McLeer

Hi @ShengdiZhang

I did just turn on the overlay, and now the table as expected overlays the map, however, it overlays the scale bar and map credits. In Web AppBuilder, there is a behavior to adjust the size of the map frame to be reactive to the size of the sidebar frame. While overlaying the map is fine, when you select a feature and zoom to it on the map the table cuts off part of the feature because the map widget frame is not adjusting to the sidebar frame. You can see an example in my third image below.

Collapsed:

Expanded:

Example of a feature being cut off by sidebar pane.

ShengdiZhang

Hi @Brian_McLeer ,

Is the Overlay turned on in the sidebar widget settings?

Regards,

Shengdi

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.