cancel
Showing results for 
Search instead for 
Did you mean: 

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

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

abene
Member

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

5 REPLIES 5

webiq-sk
Frequent Contributor

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

AndreasL
Long-established Member

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.

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
Community Moderator
Community Moderator

Moved to corresponding forum "ctrlX HMI".

 

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.

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist