topic Re: How do you remove the maximize/dock in the top right button from the default popup? in ArcGIS JavaScript Maps SDK Questions

How do you remove the maximize/dock in the top right button from the default popup?

JustinJackson — Tue, 24 May 2016 13:23:11 GMT

Is there an option to turn it off? Would I have to make my own popup class?

Re: How do you remove the maximize/dock in the top right button from the default popup?

RobertScheitlin__GISP — Tue, 24 May 2016 13:34:34 GMT

Justin,

Just add some css to remove that from the popup

.esriPopup .titleButton.maximize {

display: none;

}

Re: How do you remove the maximize/dock in the top right button from the default popup?

KristianEkenes — Fri, 10 Dec 2021 20:59:05 GMT

There's actually an easier way to do this with JavaScript. I recommend not overriding it with CSS as this can cause some issues when upgrading to future versions.

The popup has a dockOptions property which has an option to disable this button: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#dockOptions

Simply do the following:

view.popup.dockOptions.buttonEnabled = false;

var view = new MapView({
        container: "viewDiv",
        map: map,
        center: [-73.950, 40.702],
        zoom: 11,
        popup: {
          dockOptions: {
            buttonEnabled: false
          }
        }
      });

When constructing your view.