set

opens a UI element in the fullscreen mode

object set(WebixView|string|HTMLElement element, [object settings] );

Parameters

element	WebixView\|string\|HTMLElement	the Webix view, HTML element or their IDs
settings	object	the configuration settings of the fullscreen container

Returns

object

object of a window that contains the view in the fullscreen mode

Example

webix.fullscreen.set("chart");

Related samples

Fullscreen: Custom Header

Details

Only one UI element can be in the fullscreen mode. If set() is called when some element is in fullscreen, that element is minimized.

Settings for the fullscreen container

Here is what you can do:

provide a caption to the header that will be shown above the UI element in the fullscreen mode

webix.fullscreen.set("list",{ head:"Full list" });

totally redefine the header

webix.fullscreen.set("list", {
    head:{
        view:"toolbar", elements:[
            { template:"Awesome big list" },
            { view:"icon", icon:"mdi mdi-fullscreen-exit", click:function(){
                webix.fullscreen.exit();
            } }
        ]
    }
});

style the container via the css field

webix.fullscreen.set("chart",{
  css: "fullscreen", 
  head: "Fullscreen enabled"
});