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; } } }

Overview map re-positioning when toggle TOC toggled

AlexGole

Hi all,

I am creating a web map template using JQuery UI layout, JQuery, and bootstrap. When I start my overview map, everything works fine and I can toggle the TOC easy, the overview map wont change position. However, when I fire the JQuery dragging functionality to move it across the map, then the overview positions itself according to the border of the TOC and center layout. I am not sure why.

Here is my map.

You can toggle the overview map by clicking on the white arrow at the top-right corner.

To toggle the TOC just click on the red button at the bottom-left corner.

Any idea?

Alex

Najděte více příspěvků označených jako

Accepted answers

RiyasDeen

Hi Alex,

Try setting your draggable object style as below. This will have your overview panel positioned absolute to your window.

All comments

AlexGole

That was it! Very nice trick! This is great!

RiyasDeen

Hi Alex,

Try setting your draggable object style as below. This will have your overview panel positioned absolute to your window.

AlexGole

I just fixed the error that you noticed. It seems like it is not related to my issue since I still get the same re-positioning of my overview map. I am not sure why that is happening either. Maybe the JQuery drag functionality turns my overview map to relative position (CSS)!?

kenbuja

When looking in Firebug, when sliding the TOC I see the error

/ UI Layout Callback Error

The center onresize_end callback is not a valid function.

Also, when you drag the overview map to another location, it seems to stay in the same relative position on the map. Is the position style getting changed to "relative" when you move it? I didn't see that when examining the element, so I'm not sure why that's happening..

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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