set

opens a UI element in the fullscreen mode

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

object

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

Example

webix.fullscreen.set("chart");

Related samples

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();
            } }
        ]
    }
});

• remove header completely

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

In this case, you will be able to exit fullscreen mode by calling webix.fullscreen.exit().

• style the container via the css field

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

Back to top