nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to change default docked popup location in Experience Builder

AndyHodren1

Experience Builder Version: 1.2 (running on ArcGIS Enterprise)

Is it possible to change the default location for docked popups in experience builder? The experience I am building defaults to the top-right of the screen which obstructs other tools.

Undocked:

Docked:

Find more posts tagged with

ArcGIS Enterprise

Accepted answers

DavidMartinez

It is possible, but you need to modify the map widget code. You will need to make a copy of the map widget and place it in your extensions folder if you plan to modify it. In the mapbase.tsx file located under copiedmapwidget/src/runtime/components there are two functions for the view, initMapView and initSceneView. You could add the dockOptions object and position property to change the position in the view. For example,

mapViewOption = {

map: tempWebmap,

popup: {

dockOptions: {

position: 'bottom-left'

}

container: this.mapContainer

};

Cheers,

David

All comments

BenSmith_STDC

I see that it's possible to dock the pop-up by default in AGOL. I hope this gets added as an update to Enterprise.

Bryan_krg

Sorry @Jianxia, if I confused the issue.

I meant it would be good to have a popup widget that you can place into a side bar (Instant Maps shows a good example of this!)

The feature info widget is good but it functions differently. You have to use a select widget (or have Select on in the map). It's more advanced and harder for the average user to understand than just clicking on the map and getting a pop up.

It would also be good if you could could add to your popup selection by holding down SHIFT (like the selection widget allows) And also, if you hold down CTRL you could remove from your selection (which hasn't been implemented anywhere)

Thanks.

JianxiaSong

@Bryan_krg , could you please elaborate a bit more on Feature Info not working in the way you want in a side panel?

ZachBodenner

I'd like to agree with @Bryan_krg on this one: the feature info widget is not the same, primarily in how it reads Arcade. I spoke with some of the ExB Team at the UC this year about it (still haven't gotten back to me) and they said they would investigate and probably log a bug. It would be nice to have even more auto-docking options, but this is a good feature added, thank you @Jianxia !

Bryan_krg

The ability to dock the popup is great. It's now under Map -> Content configuration. But what would also be good is the ability to add the popup to a sidebar like in the picture below. (and stop the popup displaying). The Feature Info window is close put not the same.

JianxiaSong

Configuring where to dock the pop up from 6 positions is planned for the upcoming June release of ArcGIS Online.

ZachBodenner

Ah well I've already done the installation, this particular one with the assistance of an ESRi tech to get the Experience Builder running as a Windows Service as opposed to starting it up from the command prompt. Our installation experience revealed that we couldn't run ExB as a service if it was installed on a Network location, only on a machine's C drive, so there it lives. All I'm looking to do now is add the new widget.

JeffreyThompson2

Are you trying to do a server installation? You are connected to the C drive.

If you are trying to set up a local installation on your desktop, you should be following these directions. https://developers.arcgis.com/experience-builder/guide/install-guide/

ZachBodenner

Kinda like this?

That doesn't seem to have made a difference.

JeffreyThompson2

Make sure that the name in manifest.json matches the name of the folder it's in.

ZachBodenner

Hi David, I'm trying to follow along with your suggestion but running into issues viewing the new widget in the ExB. I copied the map widget and pasted it into client/your-extensions/widgets, added code sample above:

changed the name of the widget in the manifest.json to Map2, and then attempted to run the compiler as described in step 5 of this documentation. However, I get an error in the command prompt:

C:\Program Files\ArcGIS\ArcGISExperienceBuilder\client>npm run build:prod

> exb-client@1.11.0 build:prod
> cross-env NODE_ENV=production OUTPUT_FOLDER=./dist-prod webpack --mode production

'cross-env' is not recognized as an internal or external command,
operable program or batch file.

Am I missing a step? I don't have a lot of experience with customizing or creating new widgets.

JianxiaSong

@Amanda__Huber Could you please submit an enhancement request to Esri Support? Currently the popup is handled by Map Viewer.

Amanda.Huber@threeriversparks.org_trpd

We second this request. Is there any update on this @Jianxia ?

Geraldine

Indeed. Pity that the dock position can't be changed to e.g. lower right corner. OR allow to move the position of the standard Search window, because it interferes with the docked popup. I am aware of the Search widget, but it is not as neat as the standard Search window.

williamsonsa_fultonhogan

Hi @DavidMartinez,

Is it possible to achieve this same result in ArcGIS Online Experience Builder? The issue remains in ArcGIS Online where a docked pop-up in the right hand corner will obscure tools, and there is no option to configure default pop-up location.

Please let me know if I should submit this as an Idea.

Cheers,

Sam

AndyHodren1

Awesome thank you David!

DavidMartinez

mapViewOption = {

map: tempWebmap,

popup: {

dockOptions: {

position: 'bottom-left'

}

container: this.mapContainer

};

Cheers,

David

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.