English | Русский
Layout

Webix Layout — это JavaScript виджет, который описывает, как будут размещены другие компоненты на странице. Панели данного виджета автоматически подстраиваются под размер вставленных в них виджетов. DataTable, Tree, Menu, Windows и другие UI-компоненты могут быть интегрированы в Layout.

Webix Layout
Демо

Сложный LayoutДемо

Каждая строка в этом JavaScript виджете может включать в себя несколько столбцов, при этом любой столбец также может быть разделен на строки. Таким образом, вы можете встроить один лэйаут в другой.

Адаптивные размерыДемо

Структура виджета Webix Layout может реагировать на изменения размеров экрана устройства в двух режимах: 1) элементы лэйаута скрываются, а затем могут быть показаны снова; 2) элементы виджета перемещаются в другую его часть. Поведение Layout зависит от наличия текущего свободного места на странице.

Изменение размера виджета в браузере

Вы можете с легкостью изменять размер Layout блоков, перемещая полоски-ресайзеры в разных направлениях.

Установка границ

С помощью Webix Layout вы можете самостоятельно устанавливать границы, поля и отступы столбцов, строк и блоков.

Совместимость с браузерами

Layout работает корректно в современных популярных браузерах, таких как IE, Mozilla Firefox, Opera, Chrome и Apple Safari.

Поддержка тач устройств

Данный виджет работает идеально на всех современных тач устройствах.

Простая стилизация через CSS

Вы можете определить внешний вид виджета полностью через CSS, что позволит вам с легкостью настраивать его дизайн.

Windows and Popups
Uploader
Development Tools