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?

Finde mehr Beiträge mit dem Tag

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

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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