topic Re: ExB Developer v1.14 Modify pop-up's location of pagination-action-bar in ArcGIS Experience Builder Questions

ExB Developer v1.14 Modify pop-up's location of pagination-action-bar

Yuriko — Sat, 20 Apr 2024 04:35:49 GMT

My pop-up is set to be docked with the position set to the "bottom-left". By default the "pagination action bar" and "Select feature menu" buttons to navigate through the stack of popups appear in a 'footer' on the bottom of the pop-up panel.

When the position is set to "top-(left or right)" these buttons appear on the top of the panel in an "esri-features_header" (see pictures below). I want to dock the pop-up on the "bottom-left" but have the pagination and feature menu buttons appear at the top. I was able to move the buttons using CSS but this broke the event listener and clicking on the buttons did nothing.

I am using a modified version of the OOTB 'arcgis-map' widget.

Thanks in advance for any advice!

buttons appear in a 'header' at top of panelbuttons appear in 'footer' at the bottom

Re: ExB Developer v1.14 Modify pop-up's location of pagination-action-bar

Marshal — Tue, 18 Jun 2024 15:11:39 GMT

Just wanted to share the link to potential solution.

https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/4-28-popup-styling-not-working/td-p/1362431

This is for JS SDK rather than Experience Builder, but perhaps ExB could be configured to use locally hosted JS API per "Offline install" method. Then make the API modifications that apparently worked in the linked post. Seems like a lot of work to achieve this, but maybe it works!

Re: ExB Developer v1.14 Modify pop-up's location of pagination-action-bar

JeffreyThompson2 — Tue, 18 Jun 2024 15:32:40 GMT

Experience Builder is built on the JS SDK. You do not have to do anything nearly as complicated as a locally hosted installation of the SDK to get access to SDK methods. Here is a tutorial for connecting up to the SDK.

https://developers.arcgis.com/experience-builder/guide/add-layers-to-a-map/

Re: ExB Developer v1.14 Modify pop-up's location of pagination-action-bar

Marshal — Wed, 19 Jun 2024 13:47:01 GMT

I may be mistaken, but my understanding was that the solution involves making changes to the JS API files directly. More specifically, I believe this is the file being referenced as requiring modification.

https://js.arcgis.com/4.29/esri/widgets/Popup.js

I am not sure entirely sure the solution would apply to Experience Builder, but I thought there was a chance.