Выбор из элементов с табуляцией, tabs
Поле типа tabs позволяет выбрать 1 элемент по клику на нем среди вкладок.
Данный вариант имеет смысл использовать, когда у вас есть множество элементов по категориям, и они имеют свою визуализацию или описание.

Как настроить поле tabs
Указывать у поля формы тип tabs
В SELECT 1 Getitem прописываем значение поля и перечисление вкладок в options параметре:
-- SELECT 1 GetItem
select 6419 s1, '{"tabs": "Работа,Дом,Дача"}' options_s1
Также в options мы можем прописать:
- itemClass - css класс для стилизации одного элемента выбора
- containerClass - css класс для контейнера элементов в панели табуляции
В процедуре dict прописываем значения - принадлежность к вкладке будет определяться через optGroup, в text мы можем вставлять сложную разметку.
Пример dict процедуры:
-- SELECT 1 - dict SP for col
select '
'+cast(id as nvarchar)+'
'+isnull(url, '')+'
' Text,
id Value, 0 Selected,
iif(id%2=0, 'Работа', 'Дача') OptGroup
from as_menu
Страница-источник на сайте falconspace.ru
-
Начало работы
-
Основа Falcon Space
-
Руководства
-
Возможности
-
Коммуникация пользователей
-
Таблицы
-
Формы
-
Поля формы
Общие настройки для полей формы через options_ Строка, string Галочки с множественным выбором, checkboxes Переключатель switch и галочка bool Радиокнопки (выбор одного элемента), radio, defaultRadio Многострочное поле, text Гибкий список выбора, select-picker Список с поиском по базе autocomplete, select-search Список выбора, комбик, select,select2 Диапазон чисел, intrange Целое, дробное число, int, float, html-number Rich редактор текста, html2 Интервал дат, dateRange Скрытые параметры формы, cookie, localStorage, sessionStorage и urlParameter Дата HTML5, datetime-local Слайдер (ползунок), slider Поля формы для загрузки файлов, files, remoteFile, fileContent Множественный список, chosen Градиент, gradient Как сделать списки select и chosen с категориями (optgroup) Выбор из элементов с табуляцией, tabs Флажок-картинка, imageCheckbox Как использовать Флажки и выбор радио с картинкой, imageRadio, imageCheckboxes Дерево с выбором галочек, treeCheckboxes Выбор адреса и сохранение координат места (lat,lng), geo-autocomplete Таймер, timer Выбор цвета, colorCheck и colorRadio Вставка ссылок по шаблону (ютуб-видео), patternString Дерево с сортировкой Drag-and-Drop, treeOrder График работы, weekTime Редакторы кода editorHTML, editorSQL, editorCSS, editorJS Время, time Сканер QR и штрих кодов, codeScanner
-
Лендинги
-
Дизайн, стилизация, юзабилити
-
Интеграции
-
Универсальный API
-
Каталоги
-
Навигация
-
Документы
-
Дополнительные компоненты
-
Продвижение, SEO
-
Системные моменты
-
Системное администрирование
-
HOWTO
-
Загрузка файлов, картинок
-
HOWTO SQL
-
HOWTO JS
-
HOWTO Верстка
-
Решение проблем
-
Советы по реализации