request full screen command to add for mobile phone use

[jrosindell]

On a mobile screen it's too small and one reason is that on e.g. iPhone the address bar won't go away from the top and can cover the search bar in portrait mode

[jrosindell]

I'm not sure if this is an easy thing to do but I think it's worth doing for tours at it will enhance the experience a lot

[lentinj]

Yes, this is pretty simple nowadays. The following is enough to make the "Hide panel" button in museum display a "toggle full screen" button, at least in FF/Chrome. Looks like safari needs extra logic to check for webkitRequestFullscreen(), but the same idea.

diff --git a/views/treeviewer/layout.html b/views/treeviewer/layout.html
index 68411321..a38e9cab 100755
--- a/views/treeviewer/layout.html
+++ b/views/treeviewer/layout.html
@@ -557,7 +557,12 @@ function setupUI() {
     /* Control Button Hint Toggle */
     $('#controlButtons #hideControlsButton .icon-container')
         .click(function() {
-            $('#controlButtons').addClass('button-label-hidden')
+            if (!document.fullscreenElement) {
+              document.documentElement.requestFullscreen();
+            } else if (document.exitFullscreen) {
+              document.exitFullscreen();
+            }
+            //$('#controlButtons').addClass('button-label-hidden')
         })

On my little phone it works pretty well, and would definitely be nice to have. Adding an actual full-screen button wouldn't be much more work than the above, but I think there needs to be some UI thoughts about how we balance what icons are visible.