• exit
• set

StartAPI ReferencefullscreenMethods

set

opens a UI element in the fullscreen mode

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

element

object|string|HTMLElementthe Webix view, HTML element or their IDs settings

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"
});