How can I trigger a card selection and zoom to a feature in ArcGIS Experience Builder?

[HajarAlqayoudhi]

Hi everyone,
I'm working on an application using ArcGIS Experience Builder. I want to set up a trigger where:

When a feature is selected (based on its name or ID),

The app should automatically zoom in to that feature,

And also highlight or select the corresponding card in a list or feature info widget.

Is there a way to link a trigger so that selecting or clicking on a feature causes the related card to be selected/highlighted and zooms the map to that feature?
Should I be using the feature's ID or name as the reference in this case?

Any guidance or examples would be greatly appreciated!

Thanks in advance!

[Faiez]

Hi!

If you want or have intention to display content in a widget separately from your map to attract the attention of visitors, you need to add a feature info widget to the side or in column in your map. The feature info will displayed info according to your configuration in the layer. There are two types of actions in ArcGIS Experience Builder widget: Message Actions and Data Actions.

Message Action

Message actions respond to interactions between a widget and data. These interactions are called triggers. For instance, you can create a trigger that filters data in a widget when the map view changes.

Data Action

Data actions allow users to perform certain actions, such as exporting records or zooming to a feature. For the Feature Info widget, you will configure data actions to zoom and pan to a feature in the map.

More Info

Examples

Good luck.

[HajarAlqayoudhi]

Hello Faiez,

I am looking to connect the each feature with different page, means the card has trigger based on the data appears on the map extent, working same as the List, I need to link each feature with different link , how can I do it ?

[Faiez]

Hi!

1. Sign in to ArcGIS Online
2. Go to ArcGIS Experience Builder
3. At the top right of the page Create New
4. Select ArcGIS Online
5. Select Environment category
6. 
7. Chose one of the template you want
8. 
9. Select the Events and hit up the create button.
10.  Scroll down and read the Multipages apps
11. Please read about the Express mode and Full mode before starting yr project, Express mode offers a simplified builder interface, but, if you have switched to Full mode, you cannot get back to Express mode

If you prefer not to use a template to build your web experience, you can start from scratch by following these steps:

1. Create your first page (Home page)
2. 2. Add data (web map, web scene, feature layer, url), it depends to the location of your data sources.
3. Select your data (press done)
4. Add column widget (Sett where you want)
5. Add List widget (on the column)
6. Select Style, hit the fit button
7. Go back to the content button
8. Select a template for your list widget
9. Do the configuration as you wish

Good luck.

[JeffreyThompson2]

So you have a List and and each item in the List needs to link to a different page? The easiest way to do this will be to add a column to your data containing the full URL to the other webpage. In the List, add a Button, click Set Link and use the Link To URL option. Next to the URL dropdown, select Attribute and find the column with the URLs.