topic Re: Backround of map changes in full screen mode in ArcGIS Experience Builder Questions

Backround of map changes in full screen mode

KamranYusaf1 — Tue, 01 Sep 2020 12:25:01 GMT

Hi,

I have a map in my ExB application, and when i use full screen mode, the map has the background color changed to black. How do i turn this off? I have attached screenshots of the map in both 'normal' view and full screen view

Re: Backround of map changes in full screen mode

DavidMartinez — Tue, 01 Sep 2020 22:13:42 GMT

Hi Kamran,

It looks like you're using a tile map for a local area, so when you expand to fullscreen mode by default, the background color of the view in fullscreen mode is black. We do not have any settings in the map widget to change this through the UI. This would have to be something custom where you override the background-color.

Cheers,

David

Re: Backround of map changes in full screen mode

KamranYusaf1 — Thu, 03 Sep 2020 08:20:27 GMT

Hi David,

Where in the code would we have to override this?

Thanks,

Kamran

Re: Backround of map changes in full screen mode

DavidMartinez — Tue, 08 Sep 2020 17:27:40 GMT

Hey Kamran,

I tried to override it, but the background color is added by the browser, we need to provide a CSS reset to fix this. I will log this as a bug.

Re: Backround of map changes in full screen mode

Nicolas_ — Fri, 15 Dec 2023 16:53:53 GMT

Hello, I have the same problem. Any news on how to avoid this color change?

Re: Backround of map changes in full screen mode

Jacbrod — Fri, 12 Apr 2024 12:02:26 GMT

this unpleasant problem too...any news to solve this bug?

Re: Backround of map changes in full screen mode

ThomasMeedendorp — Mon, 13 May 2024 12:36:31 GMT

This resolved my issue : https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Fullscreen.html

Note:

The default background color of the view in fullscreen mode is black. The background color can be changed in css using .esri-view:fullscreen selector. The background color defined on .esri-view and WebMap.initialViewProperties will also be used in fullscreen mode.