topic Re: swipe witget on off control in ArcGIS JavaScript Maps SDK Questions

swipe witget on off control

emreaktas1 — Thu, 16 May 2024 11:24:49 GMT

hello,
I open the swipe widget with the button function.
How can I turn it back off?

sample code

I want to turn the swipe widget on and off with a button.

Re: swipe witget on off control

JeffreyThompson2 — Thu, 16 May 2024 12:21:54 GMT

This should destroy the swipe widget.

view.ui.remove(swipe)

This should hide the swipe widget without destroying it.

swipe.visible = false

I'd use the second one if I want to toggle the swipe back on with the same configuration, as it should be a bit faster than having to re-create the swipe from scratch.

Re: swipe witget on off control

emreaktas1 — Thu, 16 May 2024 12:27:09 GMT

My codes did not work as I wanted.
How can I edit here?

Re: swipe witget on off control

JeffreyThompson2 — Thu, 16 May 2024 13:07:24 GMT

The way you have defined swipe is scope bound, so you are unable to call it again later. Try something like this.

let swipe = null const swipeButton = document.getElementById('swipeButton') swipeButton.addEventListener('click', toggleSwipe) function toggleSwipe(){ if (swipe) { view.ui.remove(swipe) swipe = null } else { swipe = new Swipe({ leadingLayers: [layer], trailingLayers: [layerParse1], position: 50, view: view }) view.ui.add(swipe) } }

This should make a button that adds the swipe on the first click and removes it on a second click.

Re: swipe witget on off control

emreaktas1 — Thu, 16 May 2024 13:25:59 GMT

On the second click the swipe widget was not removed completely.
It just works invisibly

Re: swipe witget on off control

JeffreyThompson2 — Thu, 16 May 2024 13:38:59 GMT

I looks like we need to use the destroy() method.

let swipe = null const swipeButton = document.getElementById('swipeButton') swipeButton.addEventListener('click', toggleSwipe) function toggleSwipe(){ if (swipe) { swipe.destroy() swipe = null } else { swipe = new Swipe({ leadingLayers: [layer], trailingLayers: [layerParse1], position: 50, view: view }) view.ui.add(swipe) } }

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Swipe.html#destroy

Re: swipe witget on off control

emreaktas1 — Thu, 16 May 2024 13:43:03 GMT

Yes, this is the destroy() method. it worked😍

Re: swipe witget on off control

GregoryBologna — Fri, 01 Nov 2024 16:29:16 GMT

I have swipeWidget global and call removeSwipeWidget anytime before adding swipe widget.