set

opens a UI element in the fullscreen mode

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

Parameters

elementWebixView|string|HTMLElementthe Webix view, HTML element or their IDs
settingsobjectthe configuration settings of the header that will be shown above the UI element in the fullscreen mode

Example

webix.fullscreen.set("datagrid");

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 Header

You can add a caption to the header that will be shown above the UI element in the fullscreen mode. You can:

  • set the caption for the header
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();
            } }
        ]
    }
});
See also
Back to top