topic Re: Search Experience Builder With Link in ArcGIS Experience Builder Questions

Search Experience Builder With Link

LoganCountyMapRoom — Tue, 31 Oct 2023 20:18:49 GMT

In Web Map Application, we could have the map search for a feature based on the link parameters.

For example: https://loganco.maps.arcgis.com/apps/webappviewer/index.html?id=091daba2090b4a079372081f7c36d43c&find=51-074-00-00-033-001

would take you to the web map and search for parcel number 51-074-00-00-033-001. Is there a way to do this in the AGO version of Experience Builder?

Re: Search Experience Builder With Link

gis_KIWI4 — Tue, 31 Oct 2023 21:25:26 GMT

No easy way. You can pass data parameters in the URL and you can only use object ID.
An example link below - the bit at the end refers to the object ID. '%3A' = ':' and 9 is the objectID.

https://experience.arcgis.com/experience/a4d356b025994edca83286458ba12dbb?data_id=dataSource_1-4a27d2f021aa4ed08f46c7296c9be912%3A9

You can use non-object ID attributes but only for filtering.
https://doc.arcgis.com/en/experience-builder/latest/build-apps/url-parameters.htm

The problem is that it doesn't trigger any of the zoom/pan actions when using the data filter.

Another resource you may find helpful.
https://community.esri.com/t5/education-blog/url-parameters-with-experience-builder-send-your/ba-p/1250183

Also I have noticed this seems to be a deal breaker for quite a few people looking to move to ExB.

Re: Search Experience Builder With Link

LoganCountyMapRoom — Wed, 01 Nov 2023 12:49:37 GMT

Thank you for replying! I noticed this when playing around with the new URL parameters in the Share Widget. Now that you mention it, it does appear to be selecting the feature, but does not zoom to it.

Hopefully this gets resolved by June 2024, because this is a huge deal breaker. We have a public site where people can see their tax information. On there, we allow people to click a button to view the map. This is a very common thing for counties to do. Not being able to link the real estate website to the map will be very inefficient for almost everyone that uses it.

Re: Search Experience Builder With Link

FredericPoliart_EsriAU — Tue, 28 Nov 2023 07:01:09 GMT

Can't we create a custom widget that looks at the URL of the browser running ExB?

window.location.href;

..and then improve that widget (below) to parse the /?find=51-074-00-00-033-001 and push it to the Search widget? The widget below could be a 2x2px transparent that just reads the URL params, then waits for all the widgets to be properly loaded (could be tricky haha). make sure that your ghost transparent widget is the very last loaded in the ExB list on the left. or put a 2sec delay before attempting to invoke the search widget. -- there: nice little project for you 🙂

Custom widgets only work with the ExB Dev Edition or with the Enterprise ExB. - not with AGOL as far as I know.

// src/UrlParamDetectWidget.tsx import React, { useEffect, useState } from 'react'; interface UrlParamDetectWidgetProps { // Add any additional props you might need } const UrlParamDetectWidget: React.FC<UrlParamDetectWidgetProps> = (props) => { const [currentUrl, setCurrentUrl] = useState<string>(''); useEffect(() => { // Get the current URL when the component mounts const url = window.location.href; setCurrentUrl(url); }, []); return ( <div> <h3>Current URL:</h3> <p>{currentUrl}</p> </div> ); }; export default UrlParamDetectWidget;

Re: Search Experience Builder With Link

JeffreyThompson2 — Tue, 28 Nov 2023 19:55:56 GMT

I built a widget like that yesterday. I am planning to post it on the Trips and Tricks Board today.

Here it is.

Re: Search Experience Builder With Link

DavidForbuss1 — Tue, 28 Nov 2023 19:50:26 GMT

Same issue here. We have links that take account numbers from our billing software and allow the billing clerks to open a map that zooms to the customer location in webapp builder. I can't get it to work in ExBldr. Really really need this...I don't see why it's so difficult to include since it existed already in WAB.

Re: Search Experience Builder With Link

alex_friant — Mon, 07 Apr 2025 20:28:43 GMT

You can now use a Search Widget in XB to pass the search parameter, you just need to specify the data source: https://doc.arcgis.com/en/experience-builder/latest/build-apps/url-parameters.htm#ESRI_SECTION3_7153181A580C4B4AADF0166A57C1ACA0

Here's an example decoded URL, you would just need to encode it for a browser to accept it:

You can use the Share Widget to generate a long-form URL to include parameters to learn things such as widget ID and datasource ID.

Re: Search Experience Builder With Link

ahargreaves_FW — Tue, 15 Jul 2025 15:48:56 GMT

@alex_friant why will this URL not work?

https://MyPortal.org/portal/apps/experiencebuilder/experience/?id=4224xxxxxxxxxxxxx982#data_s=id:dataSource_1-18fc5181f68-layer-16-0&widget_2=search_status:{"searchText":"1234 Executive Park Blvd"}

or encoded:

https://MyPortal.org/portal/apps/experiencebuilder/experience/?id=4224xxxxxxxxxxxxx982#data_s=id:dataSource_1-18fc5181f68-layer-16-0&widget_2=search_status%3A%7B%22searchText%22%3A%221234%20Executive%20Park%20Blvd%22%7D

Note: 'dataSource_1-18fc5181f68-layer-16-0' is the datasourceID for my search widget:

Re: Search Experience Builder With Link

alex_friant — Mon, 21 Jul 2025 19:39:47 GMT

The colon ':' just after #data_s=id needs to be encoded to %3A so it looks like this: #data_s=id%3A

instead of this: #data_s=id:

Conversely, the %3A just after the 'search_status' parameter needs to be a colon ':' so it looks like this: search_status:

instead of this: search_status%3A

The final URL should look like this:

https://myportal.org/portal/apps/experiencebuilder/experience/?id=4224xxxxxxxxxxxxx982#data_s=id%3AdataSource_1-18fc5181f68-layer-16-0&widget_2=search_status:%7B%22searchText%22%3A%221234%20Executive%20Park%20Blvd%22%7D

This is a breakdown of why some colons are encoded or not: