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

Layer Swipe... initial position of swipeDiv

NickO_Day

What is the best way to control the initial position of the swipeDiv in the Layer Swipe example? I'd like to have our streets basemap displayed first (and fully) when a user opens the app, but then give them the option of seeing both basemaps (streets and imagery) after the app loads. Setting the position of swipeDiv via CSS doesn't seem to work, nor does it seem like the smart thing to do since it's controlling other divs.

Find more posts tagged with

Accepted answers

derekswingley1

Have you tried using the top and/or left constructor options? https://developers.arcgis.com/en/javascript/jsapi/layerswipe-amd.html#layerswipe1

All comments

derekswingley1

Have you tried using the top and/or left constructor options? https://developers.arcgis.com/en/javascript/jsapi/layerswipe-amd.html#layerswipe1

MattDriscoll

Yes, use the "left" property. You could modify the left property CSS on the handle and call widget.swipe() as well.

NickO_Day

Yes! The

left: 1

property does exactly what I needed. FYI to all: you can't set this to 0.
Thanks Derek and Matt!

MattDriscoll

Yes! The
left: 1
property does exactly what I needed. FYI to all: you can't set this to 0.
Thanks Derek and Matt!

We'll get it fixed so you can set it to zero next update. I think setting it to "0" or 0.1 should work for now.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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