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!
Just wanted to share the link to potential solution.
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!
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/
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.