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; } } }

Detect Fullscreen mode

GregoryBologna

I would like to detect whether full screen is active and disable a function action on my popup. Would there be a property for this in the view?

Vind meer berichten getagd met

Accepted answers

Anonymous User

You could watch the `state` property on FullscreenViewModel to detect if Fullscreen widget is active. Please see code below:

watchUtils.watch(fullscreenWidget.viewModel, "state", (value)=>{
   if(value === "active"){
         console.log("Entered Fullscreen mode");
    }
})

All comments

kenbuja

The states are

active | ready | feature-unsupported | disabled

GregoryBologna

What are all of the states of FullScreen? I'm looking for a "click" state because the watch on "state" happens when the browser is already going into fullstate mode.

var fullscreenWatch = watchUtils.watch(fullscreen.viewModel, "state", function (newValue, oldValue) {

Anonymous User

You could watch the `state` property on FullscreenViewModel to detect if Fullscreen widget is active. Please see code below:

watchUtils.watch(fullscreenWidget.viewModel, "state", (value)=>{
   if(value === "active"){
         console.log("Entered Fullscreen mode");
    }
})

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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