set

открывает UI элемент в полноэкранном режиме

object set(object|string|HTMLElement element, [object settings] );
elementobject|string|HTMLElementкомпонент Webix, HTML-элемент или их ID
settingsobjectнастройки контейнера компонента в полноэкранном режиме
objectокно с компонентом в полноэкранном режиме

Example

webix.fullscreen.set("chart");

Related samples

Details

Только один элемент UI может быть в полноэкранном режиме. Если set() вызывается, когда ваш другой элемент находится в полноэкранном режиме, то этот элемент сворачивается.

Настройки для Хедера

Вы можете изменить хедер:

  • задать надпись для хедера
webix.fullscreen.set("list",{ head:"Full list" });
  • полностью переопределить хедер
webix.fullscreen.set("list", {
    head:{
        view:"toolbar", elements:[
            { template:"Awesome big list" },
            { view:"icon", icon:"mdi mdi-fullscreen-exit", click:function(){
                webix.fullscreen.exit();
            } }
        ]
    }
});
  • полностью убрать хедер
webix.fullscreen.set("list", { head: false });

В этом случае вы сможете выйти из полноэкранного режима с помощью webix.fullscreen.exit().

  • стилизовать контейнер с помощью поля css
webix.fullscreen.set("chart",{
  css: "fullscreen", 
  head: "Fullscreen enabled"
});
See also
Наверх