topic Re: How to change default docked popup location in Experience Builder in ArcGIS Experience Builder Questions

How to change default docked popup location in Experience Builder

AndyHodren1 — Mon, 15 Mar 2021 03:33:50 GMT

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:

Re: How to change default docked popup location in Experience Builder

DavidMartinez — Thu, 25 Mar 2021 17:45:32 GMT

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

Re: How to change default docked popup location in Experience Builder

AndyHodren1 — Fri, 26 Mar 2021 01:15:48 GMT

Awesome thank you David!

Re: How to change default docked popup location in Experience Builder

williamsonsa_fultonhogan — Mon, 15 Nov 2021 23:17:27 GMT

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

Re: How to change default docked popup location in Experience Builder

Geraldine — Fri, 28 Jan 2022 08:41:50 GMT

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.

Re: How to change default docked popup location in Experience Builder

Amanda__Huber — Wed, 22 Mar 2023 14:51:19 GMT

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

Re: How to change default docked popup location in Experience Builder

Jianxia — Wed, 29 Mar 2023 03:38:56 GMT

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

Re: How to change default docked popup location in Experience Builder

Amanda__Huber — Wed, 29 Mar 2023 13:36:41 GMT

@Jianxia this is good to know, thanks for the additional information. I

'll submit an enhancement request.

Best,

Amanda

Re: How to change default docked popup location in Experience Builder

ZachBodenner — Thu, 10 Aug 2023 19:17:30 GMT

I would like to voice my support for this enhancement. Is there a way I can add my voice to that request? It would be really helpful, especially since the map viewer tools can't be moved.

Re: How to change default docked popup location in Experience Builder

ZachBodenner — Thu, 10 Aug 2023 19:44:14 GMT

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.

Re: How to change default docked popup location in Experience Builder

JeffreyThompson2 — Fri, 11 Aug 2023 15:10:09 GMT

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

Re: How to change default docked popup location in Experience Builder

ZachBodenner — Fri, 11 Aug 2023 16:31:25 GMT

Kinda like this?

That doesn't seem to have made a difference.

Re: How to change default docked popup location in Experience Builder

JeffreyThompson2 — Fri, 11 Aug 2023 17:26:42 GMT

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/

Re: How to change default docked popup location in Experience Builder

ZachBodenner — Fri, 11 Aug 2023 18:13:54 GMT

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.

Re: How to change default docked popup location in Experience Builder

Yuriko — Thu, 18 Jan 2024 15:39:06 GMT

I was able to modify my copy of the 'arcgis-map' widget to dock the popup by default by updating the 'onJimuMapViewCreated' function in v1.13. To change the location of the docked popup update the "position" attribute.

onJimuMapViewCreated = (jimuMapView: JimuMapView) => { jimuMapView.setMapWidgetState(this.props.state) this.setShowPopupUponSelectionForJimuMapView(jimuMapView) // START CUSTOM CODE console.log('onJimuMapViewCreated function loaded') if (jimuMapView.view && jimuMapView.view.popup) { // Modify the popup property to dock the popup by default jimuMapView.view.popup.dockEnabled = true; jimuMapView.view.popup.dockOptions = { breakpoint: false, position: "top-right" }; } else { console.error('MapView or Popup is not initialized'); } // END CUSTOM CODE }

Re: How to change default docked popup location in Experience Builder

Thomas1 — Mon, 04 Mar 2024 11:11:46 GMT

Hi @Jianxia and @Amanda__Huber

What is the status with the enhancement?

Jianxia wrote "Currently the popup is handled by Map Viewer." Can't ExB use the configuration from Map Viewer? Now if I save the Map Viewer with docked popups it won't be docked in ExB.

Re: How to change default docked popup location in Experience Builder

Jianxia — Fri, 10 May 2024 01:14:51 GMT

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

Re: How to change default docked popup location in Experience Builder

Bryan_krg — Fri, 02 Aug 2024 11:25:24 GMT

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.

Re: How to change default docked popup location in Experience Builder

ZachBodenner — Fri, 02 Aug 2024 12:35:43 GMT

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 !

Re: How to change default docked popup location in Experience Builder

Jianxia — Fri, 02 Aug 2024 16:55:49 GMT

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