Недавно на сервис был добавлен элемент «
Адаптивные табы». Данный элемент позволяет работать с горизонтальными, вертикальными табами и с аккордеоном. Также данный элемент может переключаться на аккордеон при уменьшении до определённого размера. Как его использовать можно узнать в данной статье…
Элемент «
Адаптивные табы», располагается в разделе «
Премиум элементы»
Нажав на данный элемент или перетащив его на форму, мы можем начать работать с ним. Изначально он представляет из себя область с тремя пустыми табами по умолчанию табы называются как «
Tab 1», «T
ab 2», «
Tab 3»
Для того чтобы переименовать нужную вкладку, нужно выделать сам элемент табов, перейти на нужную вкладку, затем на панели «
Свойства» необходимо открыть раздел «
Текст» и заполнить параметр «
Текст таба», после этого нажать на кнопку «
Применить», рядом со строкой ввода.
После этого открытый таб будет переименован:
На рабочую область табов можно перетягивать элементы прямо из раздела элементов или перетягивать уже добавленные элементы на форму или из других контейнеров.
Для переключения из одного типа табов в другой, на панели «
Свойства» необходимо изменить параметр «
Тип табов»
По умолчанию табы имеют тип «
Горизонтальный»
Вертикальный тип табов имеет следующий вид:
Аккордеон представляет из себя следующее:
Если мы хотим чтобы табы адаптировались при изменении размера в аккордеон, то на панели «
Свойства» в параметре «
Ширина для переключение в аккордеон», необходимо записать целевую ширину в пикселях. (px писать не следует, это должно быть целое число)
Здесь также нужно учитывать, что ширина самой формы и ширина табов должна быть записана в процентах, а не фиксироваться в пикселях.
Для адаптивных табов можно изменять цвета и шрифты также, как и для прочих элементов. Это позволяет сделать их внешний вид уникальным и подстроить его под целевой проект. При необходимости сложных изменений можно воспользоваться возможностью править CSS стили вручную, для этого необходимо на панели «
Свойства» в разделе «
Дизайн» нажать на «
Править CSS вручную»

Использование адаптивных табов позволяет упростить разработку ваших проектов. Сделать их более удобными и привлекательными для использования. Возможности адаптирования размера позволяют подстраиваться под устройства конкретных пользователей.
Удобной работы с сервисом.