Select to view content in your preferred language

How to navigate between 'Views' with Activated 'Swipe' widgets Using a 'Swipe' widget and/or 'Button' widget in Experience Builder

653
2
Jump to solution
02-19-2026 11:24 AM
Labels (1)
MelissaIbarra
New Contributor

Hi, This is my first time posting in esri community. I created a couple of pages in a web app using Experience Builder. Each page has a different layout to give the client options. The layout I am struggling with utilizes the swipe widget to navigate between three distinct maps for the same region and race group. I finally got the swipe widget to work the way I want (with layers and legend showing).

Currently, I have to navigate between my Views (contained in a section within a sidebar and no views navigation widget used) using the "Dots" feature. Ideally, I would like to be able to click the swipe widget so that's activated AND have 'View' update dynamically as well.

Since the swipe widget doesn't work unless I'm in the correct View, I know I need to switch to the correct view, but that's not intuitive to the client. What I've tried is adding 'Button' widgets contained within a 'Widget Controller' but that opens a pop-up that first has to be clicked. I've also tried placing the 'Button' widgets inside a fixed control panel that works correctly but I'm still wondering if there is a way to do this (navigate between 'Views' and have the 'Swipe' widget active) with one click. I also was going to try out cards but I those have more capability than what I need here. I read through How to make a 'Button' go straight to a 'Window' without an intermediate pop-up box but that doesn't mention use of the swipe widget. From what else I have found online it seems like I cannot link a 'View' to a 'Swipe' widget where both the 'Swipe' widget is activated for use and advance to the corresponding 'View'

Thank you in advance for your help!

Three different options for navigating between Views: Buttons within Widget Controller, Buttons within Fixed Control Panel, and CardsThree different options for navigating between Views: Buttons within Widget Controller, Buttons within Fixed Control Panel, and CardsPop-up opens when Button contained within Widget Controller is selectedPop-up opens when Button contained within Widget Controller is selectedSwipe Widget Activated by clicking 'Swipe' widget and corresponding 'Dot'Swipe Widget Activated by clicking 'Swipe' widget and corresponding 'Dot' 

0 Kudos
1 Solution

Accepted Solutions
JeffreyThompson2
MVP Frequent Contributor

JeffreyThompson2_0-1771532956637.png

The arrangement you are looking for is something like this drawing. Place your Map Widget and your Swipe Widget inside a Section Widget. You can use the Default Activation option in the Swipe Widget to start it automatically. Set up a Map and Swipe for each set of data. There is a Duplicate View option in the Section Widget that could make this easier. Outside of the Section Widget build a set of Buttons (not in a Widget Controller) for switching between View. You may also want to set up an Extent Changes > Map > Zoom To Action in each Map so that every Map moves every other Map. This should produce the illusion that there is only one Map on the Page. The user clicks the Button and sees the data change with the appropriate Swipe activated.

GIS Developer
City of Arlington, Texas

View solution in original post

0 Kudos
2 Replies
JeffreyThompson2
MVP Frequent Contributor

JeffreyThompson2_0-1771532956637.png

The arrangement you are looking for is something like this drawing. Place your Map Widget and your Swipe Widget inside a Section Widget. You can use the Default Activation option in the Swipe Widget to start it automatically. Set up a Map and Swipe for each set of data. There is a Duplicate View option in the Section Widget that could make this easier. Outside of the Section Widget build a set of Buttons (not in a Widget Controller) for switching between View. You may also want to set up an Extent Changes > Map > Zoom To Action in each Map so that every Map moves every other Map. This should produce the illusion that there is only one Map on the Page. The user clicks the Button and sees the data change with the appropriate Swipe activated.

GIS Developer
City of Arlington, Texas
0 Kudos
MelissaIbarra
New Contributor

Hi Jeffrey, thank you for your response! Apologies for the delay as I did not receive a notification. I will give this a try. I ran into another issue with my current layout - I'm unable to view a layer that I have set with pop-up cards because it is not a layer I want viewers to be able to swipe through. However, even when I add the pop-up cards to be visible by each layer the pop-up cards do not function. I haven't experienced this issue with the simple swipe widget.

0 Kudos