ДОСТУПНА НОВАЯ ВЕРСИЯ! Webix 11 Подробнее Обновления в Core, SpreadSheet, File Manager и Report Manager и многое другое

UI виджет Tooltip

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

живое демо

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Поддерживается во всех современных браузерах
  • Работает на устройствах с сенсорным экраном
  • Соответствует требованиям Секции 508
  • Удобная стилизация с помощью CSS

Обзор

Помимо простого и динамического текста, Webix Tooltip может отображать картинки и любой HTML-контент. Благодаря опциям виджета, вы можете настроить положение тултипа относительно указателя. Вы также можете изменить внешний вид тултипа с помощью пользовательских CSS классов.

Легкое использование

Вы можете добавить тултипы Webix для любого HTML-элемента на странице. Все что для этого потребуется - определить текст или любое другое содержимое для них. Дополнительные настройки помогут изменить положение и вид тултипов.

Наведите сюда курсор

Динамическое содержимое тултипов

Вы можете создавать тултипы с динамическими содержимым и видом.

Тултипы для контролов

Благодаря Webix вы сможете легко добавлять и кастомизировать тултипы для любых контролов. Вы можете создавать как простые текстовые тултипы, так и что-то более интересное.

Наведите указатель на контролы, чтобы посмотреть на тултипы

Тултипы для дата-компонентов

Вы можете настроить компоненты (например, DataTable или Dataview) так, чтобы они отображали тултипы для более детальной информации о данных. Кроме того, вы можете задать отдельные тултипы для хедера, футера и спарклайнов в таблицах.

Наведите указатель на элементы данных, хедер и футер, чтобы увидеть тултипы

Тултипы для любых HTML-элементов

Вы можете задать тултипы не только для дата-компонент и контролов, но также и для любого HTML-элемента внутри виджета.

Наведите указатель на названия фильмов и на иконки