Howto run Chromium browser in full-screen mode on WR web-panels

[abene]

Howto run Chromium browser in full-screen mode to achieve kiosk-like view on ctrlX HMI using Rexroth WR20x, WR21x web-panels?

[webiq-sk]

@CodeShepherd Can you please move this to the correct "ctrlX HMI" forum?

[AndreasL · Accepted solution]

You can use this UI-Action to toggle fullscreen via a button:

/**
 * Custom UI-Action 'ToggleFullscreen'.
 *
 * Description:
 * [Add description here]
 */
(function() {
    var actions = shmi.pkg("visuals.session.userActions"); //get reference to userActions object

    /**
     * UI-Action 'ToggleFullscreen' implementation
     *
     * @params {any[]} parameters  configured ui-action parameters
     * 
     */
    actions["ToggleFullscreen"] = function(parameters) {
       
        var element = document.body;

        var isFullscreen = document.webkitIsFullScreen || document.mozFullScreen || false;

        element.requestFullScreen = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || function() {
            return false;
        };
        document.cancelFullScreen = document.cancelFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || function() {
            return false;
        };

        isFullscreen ? document.cancelFullScreen() : element.requestFullScreen();

    };
}());

It's possible to add this to a LocalScript to toggle fullscreen on startup aswell.

[abene]

Thanks Andreas, I will implement the solution; -let me ask you though, based on the code it starts in full-screen by default. Am I right?

[CodeShepherd]

Moved to corresponding forum "ctrlX HMI".

[Sgilk]

This is a UI action which would be tied to a user interaction, so it would not toggle by default. I tried to call the UI action programmatically, in a local-script, to enable fullscreen on startup, but ran into this Javascript security measure...

Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.

FYI the UI action is also a WebIQ specific solution.