Navigation widgets

Навигационные виджеты Webix сделают ваше веб-приложение более удобным и привлекательным для пользователей.

UI виджет Tabbar

Tabbar - это JavaScript контрол для добавления нескольких вкладок в ваше приложение. Вы можете легко переключать вкладки в MultiView. Каждой вкладке можно дать название, добавить кнопку закрытия или иконку. Вы можете разместить Tabbar сверху или под виджетом MultiView. Tabbar подстраивается под ширину окна. Вкладки, которые не вмещаются в экран, попадают во всплывающее окно. Пользователи могут добавлять, удалять, скрывать вкладки одним нажатием кнопки.

Webix Tabbar UI widget
UI виджет Menu

JavaScript виджет Menu сделает навигацию в вашем веб-приложении более удобной для пользователей. Вы можете добавлять различные элементы в Menu, такие, как текст, код HTML или какой-либо из виджетов Webix. Элементы раскрывающегося меню могут быть ориентированы горизонтально или вертикально. Вы также можете прятать, отключать опции, добавлять к ним бейджи. Можно отделить пункты меню друг от друга при помощи Spacer или Separator. Любой элемент меню может содержать предварительно инициализированные виджеты Webix Window, Popup, Submenu или Context. Menu и Toolbar могут использоваться совместно для создания многофункциональных панелей приложения.

Webix Menu UI widget
JavaScript UI виджет Context Menu

The JavaScript Context Menu вызывается путём нажатия правой кнопки мыши. Вы можете самостоятельно определять опции для расскрывающегося списка, создавать многоуровневые меню и подключать обработчики событий к опциям. Контекстное меню может быть добавлено в любой виджет Webix. Элементы Context Menu могут включать подпункты, образуя таким образом многоуровневое меню. Этот виджет может использоваться с любым другим виджетом Webix.

Webix JavaScript Context Menu
UI виджет Toolbar

HTML Toolbar - это кросс-браузерный JavaScript виджет, который представляет собой панель инструментов. Внешний вид панели можно изменять. Вы можете самостоятельно задать параметры элементов Toolbar, цвет, шрифт, границы, размещение и т.д. Кнопки данного виджета могут быть оснащены иконками или картинками. Вы можете использовать любой контрол Webix в качестве элемента Toolbar.

Webix Toolbar UI widget
UI виджет Sidebar

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

Webix Sidebar UI widget
UI виджет Hint

Hint знакомит пользователей с вашим приложением. Этот виджет помогает разобраться в комплексных интерфейсах и понять, как работать с программой. Hint показывает подсказки, которые акцентируют внимание на главных элементах приложения. Вы можете легко изменять подсказки и добавлять новые. Каждая подсказка содержит описание элемента приложения и кнопки навигации. Пользователи могут перемещаться по инструкции при помощи виртуальных кнопок, клавиатуры или кликая на элементы программы.

Webix Hint UI widget