set

opens a UI element in the fullscreen mode

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

Parameters

elementWebixView|string|HTMLElementthe Webix view, HTML element or their IDs
settingsobjectthe configuration settings of the fullscreen container

Returns

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

Example

webix.fullscreen.set("chart");

Related samples

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"
});
See also
Back to top