I want to use the Full Screen Widget for Apps I'm embedding on web-pages using the billboard theme.
I'm doing this by embedding the app inside an iFrame, however the Full Screen Widget appears to be disabled from inside this iframe (works fine launching the app direct).
I can hover over the icon, but there's no action on click
As well as this, the widget seems to disappear from my app when the frame is sized relatively small.
Are there any guidelines for what size this widget will disappear at?
I want my maps/apps to be around 400x600px inside a web page.
Any help would be much appreciated.
The full screen widget assumes that the WAB app is the main window and not in a iFrame, so that is you main issue. The issue with the widget disappearing is that when the app reaches the mobile breakpoint the widget is removed from the app as mobile devices don't need full screen. So you could adjust the mobile break points for your app to prevent this.
Robert, I was going to start a thread on this until I saw this post. For those of us that do want to use the full screen widget on mobile devices go into the styles.css file in the:
folder and comment out or otherwise adjust the following at line 16:
display: none !important;
I for one thought the widget more useful on mobile than on desktop so I could gain screen real estate (like in Chrome on an Android) so I'm not sure why esri would change that?
David, I completely agree that the Full Screen widget is more important and useful on mobile than on desktop screens. I too have noticed that Chrome on Android does not have a full screen mode (at time of writing, 2019-10-05). I did some testing and loaded several other mobile browsers on my Android phone today: