Select to view content in your preferred language

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

416
3
04-19-2024 09:35 PM
Yuhash
by
Occasional Contributor

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. 

Yuhash_3-1713587455726.png

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 a 'header' at top of panelbuttons appear in 'footer' at the bottombuttons appear in 'footer' at the bottom 

 

 

 

0 Kudos
3 Replies
Marshal
Occasional Contributor

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...

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!

0 Kudos
JeffreyThompson2
MVP Regular Contributor

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/

GIS Developer
City of Arlington, Texas
0 Kudos
Marshal
Occasional Contributor

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.

0 Kudos