topic Re: Issue with collapsable sidebar making content underneath unusable in ArcGIS Experience Builder Questions

Issue with collapsable sidebar making content underneath unusable

KayceeFaunce — Tue, 16 Mar 2021 11:31:14 GMT

Using Experience Builder for developers (v 1.2), I want to use a side bar that covers part of the main stage content but can be collapsed to maximize page real estate. However, the content "underneath" the sidebar is unusable even when the sidebar is collapsed and the content is visible. Below, the buttons and drop-downs on the embedded dashboard under the sidebar outline do not work on the live application. I have to minimize the embedded content so that it is not underneath the side bar when the side bar is extended for it to work.

I'm wondering if this is a bug that will be fixed in future versions or if there is a workaround anyone would suggest. I like the pop-out bar for people who want to free up space for smaller screens, but it limits the functionality of even a basic web map if any of the map buttons are in one of the affected corners.

Re: Issue with collapsable sidebar making content underneath unusable

JovanaBurz — Fri, 19 Mar 2021 12:59:19 GMT

I am experiencing the exact same thing! I have a sidebar that goes over my map region, so the area of the map does not allow for panning or zooming.

Would love to know if there is a solution, alternative, or if this issue can be fixed in future upgrades of experience builder.

Re: Issue with collapsable sidebar making content underneath unusable

KayceeFaunce — Fri, 19 Mar 2021 13:05:54 GMT

I figured out the problem - the sidebar widget has two panels and the map widget should go inside of the second panel to prevent the sidebar from blocking the map interface. I was placing it outside of the sidebar widget previously. Hope that helps!

Re: Issue with collapsable sidebar making content underneath unusable

JovanaBurz — Fri, 19 Mar 2021 13:09:02 GMT

This helped!! Thanks for figuring it out and posting the solution!

Re: Issue with collapsable sidebar making content underneath unusable

DataOfficer — Mon, 11 Oct 2021 09:09:13 GMT

@KayceeFaunce You're a life saver! This was driving me mad.

Re: Issue with collapsable sidebar making content underneath unusable

KayceeFaunce — Tue, 12 Oct 2021 19:50:47 GMT

@DataOfficer Glad it helped you! It seems so obvious after the fact, but so many things do... 🙂

Re: Issue with collapsable sidebar making content underneath unusable

BugPie — Fri, 02 Sep 2022 14:43:03 GMT

Was about to hang up my GIS shoes after feeling totally inadequate when my Experience's were not working due to this widget. Thank you @KayceeFaunce !!

Re: Issue with collapsable sidebar making content underneath unusable

AaronHocz — Tue, 20 Dec 2022 18:47:01 GMT

I was having issues with this as well... I'm just trying to display a table on top of the map itself using a sidebar. I had the map stretched to full size and the sidebar widget stretched out along the bottom 1/3 of the page on TOP of the map therefore running into issues of losing pan/zoom capabilities in that bottom third because of the sidebar widget..... SO based off the solution here am I supposed to add a sidebar and put the map and the table in there together?? and will the map itself now reside within the 'sidebar widget' from now on?

Re: Issue with collapsable sidebar making content underneath unusable

AaronKoelker — Mon, 24 Apr 2023 19:35:39 GMT

Hi @AaronHocz

I know this is late but I just came across this issue and solution as well. What Kaycee is talking about is that the Sidebar widget has two built-in sections that you can see in the Page's contents panel once it is added to the app. See this image below. You need to click the "Second" section and then add your map (or whatever you want to show when the Sidebar is minimized) to that. Then, the Sidebar will expand and collapse correctly over your content.

Re: Issue with collapsable sidebar making content underneath unusable

kmsmikrud — Thu, 01 Jun 2023 20:41:31 GMT

Hi,

I am having a similar issue with the side bar and also the map tools layout although despite adding the map to the sidebar widget in the second panel or having the side panel just overlay the full map it seems the map tools like Zoom/Home are covered up by the side bar unless it is collapsed.

Is there a way around this? In the Map Tools layout I wish a person could select the 'Small size' layout with all the tools on the right side as this would solve the issue if the side bar is on the left side. I'm not sure how to not cover up tools on the map with the sidebar if both the 'Large and medium size' tools layout put tools on the top left corner which is where I have the sidebar.

This seems like a similar issue to the one above. What is the work around? Zoom and Home tools are not offered as separate map tools.

Thanks for any advice!

Kathy

Re: Issue with collapsable sidebar making content underneath unusable

AaronKoelker — Wed, 07 Jun 2023 21:06:09 GMT

Are you sure the map is nested underneath the 'Second' group within the Side Bar widget? I had trouble getting it under there initially and it looked like it was but then when you collapsed the 'Second' group it turned out the map was actually still outside it. I tested in on of my apps and confirmed that the Home and Zoom buttons will dynamically rearrange to the opposite side of the map when the side bar is extended. So it is possible.

Re: Issue with collapsable sidebar making content underneath unusable

kmsmikrud — Wed, 07 Jun 2023 21:22:02 GMT

Hi Aaron,

I will say it really took me a long minute(s!) to figure out how to get the map nested in the second group, but its there. Currently for the Tools Layout I do have the left option selected for the 'Large and medium size' screens because I also want the basemap and measure tools included.

You've given me hope on the dynamic rearrange but so far I haven't seen that. When I collapse the side bar...there are the map tools for zoom in/out, home. Maybe I'm missing another setting.

Super appreciate the help,

Kathy

Re: Issue with collapsable sidebar making content underneath unusable

AaronKoelker — Wed, 07 Jun 2023 21:56:08 GMT

Hm, looking at my settings, I also have the map set on the first 'Large and medium size' layout option. I also have the width set to 'Stretch' under the Style settings for the map. (My map widget is also contained within a Section widget, which has 'Stretch' set for its width, too, but that won't apply for everyone.) Maybe check the width settings on your map? If you have a defined width in pixels or a percentage buffer for the position, I could see that messing it up, maybe. Here is a link to one of our apps where you should be able to see the Home and Zoom buttons moving left and right when you open/close the sidebar.

I did also notice that if the app is open on a narrow(ish) screen like a vertical tablet, the Home/Zoom buttons will stop dynamically moving with the sidebar and will let it cover them. But in your screenshot doesn't look like that would be the problem.

Re: Issue with collapsable sidebar making content underneath unusable

kmsmikrud — Wed, 07 Jun 2023 22:33:12 GMT

Your App is AWESOME and I love the design/layout/colors!

The map style was also set to stretch but I realized the winning setting was I had 'overlay' enabled which now I wonder what that does, but initially when I didn't have my map in the second panel of the side bar the overlay function was needed, but now I'll have to look into that.

The great news is the buttons now sit outside the sidebar!!!!!!!! Thank-you!

Re: Issue with collapsable sidebar making content underneath unusable

AaronKoelker — Wed, 07 Jun 2023 23:15:38 GMT

Ah. I'd never used the Overlay option, but here it sounds like it was behaving as expected. Good to know. Glad yours is working now too.

Re: Issue with collapsable sidebar making content underneath unusable

cat206 — Thu, 19 Oct 2023 15:01:27 GMT

Hi All, I'm having the same issue with my map. Similarly to the old web app, i wanted my audience to be able to view the table behind the data at the bottom of my page, with a collapsible side bar, but to do this, the side bar settings goes to about half of my map, which causes the glitch when trying to move around it. Does anyone have a suggestion of how i can allow users to view and hide the table without causing this glitch please? If i move the sidebar panel down, it completely hides the table and then it cannot be viewed

Re: Issue with collapsable sidebar making content underneath unusable

Jamie_Leitch_CNF — Wed, 08 Nov 2023 16:23:47 GMT

Same issue here... have you found a solution to have a table widget at the bottom inside a slide-out panel?

Re: Issue with collapsable sidebar making content underneath unusable

JeffreyThompson2 — Wed, 08 Nov 2023 17:23:44 GMT

@Jamie_Leitch_CNF @cat206 This is a commonly encountered issue. The solution on this post is correct and will solve your issue. A more thorough explanation can be found here.

https://community.esri.com/t5/experience-builder-tips-and-tricks/the-sidebar-problem-or-why-can-t-i-click-on-part/ba-p/1343521

Re: Issue with collapsable sidebar making content underneath unusable

Jamie_Leitch_CNF — Wed, 08 Nov 2023 20:25:43 GMT

@JeffreyThompson2 yes this solves the issue when there is the one sidebar. However, I want to have two sidebars: one on the side, and one at the bottom that slides up/down. On the bottom one I want to have a table widget. So I added a second Sidebar to the "second" panel of the first sidebar (same as the map widget) and made it dock at the bottom. The second sidebar does not show a "first" and "second" panel in the Outline, and there seems to be no way to get that second panel out of the way.

Re: Issue with collapsable sidebar making content underneath unusable

JeffreyThompson2 — Wed, 08 Nov 2023 20:52:41 GMT

It can be done. Here is a two sidebar page. Neither sidebar interferes with the map. I shoved the whole sidebar with my map and list into the first side of my second sidebar.