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?

Find more posts tagged with

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

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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