Hi Community,
I am transitioning from using the ArcGIS JavaScript API to ArcGIS Experience Builder Developer Edition, and I need some guidance regarding popup customization.
In the ArcGIS JavaScript API, I was able to create custom popups using the PopupTemplate. Specifically, I used the type: "custom" feature in the content section to render a React component within the popup. Here's an example of how I achieved this:
////////////////////////////////////////////////////////////////////////////////// export const SiteCustomPopupTemplate = { title: "Site Name: {site_name}", fieldInfos: site_fields, // Array of fields to display content: content: [ { type: "custom",
creator: (event) => { const container = document.createElement("div"); const selected_site = event.graphic.attributes.site_name; const feature_attributes = event.graphic.attributes; ReactDOM.render( <SiteReactComponent selected_site={selected_site} featureAttributes={feature_attributes} />, container); return container; }, }, ],};////////////////////////////////////////////////////////////////////////////////// This approach allowed me to embed a fully functional React component (<SiteReactComponent />) within the popup. As I am working with about real time data, the component updates its UI every 60 seconds by querying other related published data from the ArcGIS portal.
Now, I am working in ArcGIS Experience Builder Developer Edition and would like to replicate this functionality. However, I couldn't find a way to include a custom widget or even available widgets within a popup in Experience Builder.
My Question:
Is it possible to add a custom-developed widget in a popup in ArcGIS Experience Builder? If so, how can I achieve this?
Any guidance, code examples, or documentation links would be greatly appreciated!
Thank you for your help!
