Feature #14107

Fullscreen view switch for issues list, roadmap, gantt, wiki, forums...

Added by Terence Mill over 9 years ago. Updated over 2 years ago.

Status:NewStart date:
Priority:NormalDue date:
Assignee:-% Done:

0%

Category:UI
Target version:-
Resolution:

Description

It wold be very useful to temporarily be able to get rid of the menu and sidebar and see the content only. This could be done by being able to switch the content area to fullscreen using html5 browser support.

In newer browsers such as Chrome 15, Firefox 10, Safari 5.1, IE 10 this is possible. Here's how to do it:

function requestFullScreen(element) {
    // Supports most browsers and their versions.
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;

    if (requestMethod) { // Native full screen.
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

var elem = document.body; // Make the body go full screen.
requestFullScreen(elem);
The user obviously needs to accept this fullscreen request first.

Read more:

https://developer.mozilla.org/en/DOM/Using_full-screen_mode

Native Fullscreen JavaScript API

History

#1 Updated by Filou Centrinov over 9 years ago

  • Category set to UI

#2 Updated by Mizuki ISHIKAWA over 2 years ago

I confirmed this API.
Fullscreen mode ends when Redmine redirects to another page. In Redmine, which has many screen transitions, this API does not seem to be very useful.

Also available in: Atom PDF