div-tabs
Табы. Высота первого таба определяется его содержимым, а высота остальных зависит от платформы.
JSON
{
type*: "tabs",
accessibility: {
description: "string",
hint: "string",
mode: "string",
mute_after_action: "bool_int",
state_description: "string",
type: "string"
},
alignment_horizontal: "string",
alignment_vertical: "string",
alpha: "number",
background: [ div-background, ... ],
border: {
corner_radius: "int",
corners_radius: {
bottom-left: "int",
bottom-right: "int",
top-left: "int",
top-right: "int"
},
has_shadow: "bool_int",
shadow: {
alpha: "number",
blur: "int",
color: "string",
offset*: {
x*: {
unit: "string",
value*: "number"
},
y*: {
unit: "string",
value*: "number"
}
}
},
stroke: {
color*: "string",
unit: "string",
width: "int"
}
},
column_span: "int",
disappear_actions: [
{
disappear_duration: "int",
download_callbacks: {
on_fail_actions: [
{
download_callbacks: div-download-callbacks,
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
target: "string",
url: "string"
},
...
],
on_success_actions: [
{
download_callbacks: div-download-callbacks,
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
target: "string",
url: "string"
},
...
]
},
log_id*: "string",
log_limit: "int",
payload: "object",
referer: "string",
url: "string",
visibility_percentage: "int"
},
...
],
dynamic_height: "bool_int",
extensions: [
{
id*: "string",
params: "object"
},
...
],
focus: {
background: [ div-background, ... ],
border: {
corner_radius: "int",
corners_radius: {
bottom-left: "int",
bottom-right: "int",
top-left: "int",
top-right: "int"
},
has_shadow: "bool_int",
shadow: {
alpha: "number",
blur: "int",
color: "string",
offset*: {
x*: {
unit: "string",
value*: "number"
},
y*: {
unit: "string",
value*: "number"
}
}
},
stroke: {
color*: "string",
unit: "string",
width: "int"
}
},
next_focus_ids: {
down: "string",
forward: "string",
left: "string",
right: "string",
up: "string"
},
on_blur: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
target: "string",
url: "string"
},
...
],
on_focus: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
target: "string",
url: "string"
},
...
]
},
has_separator: "bool_int",
height: div-size,
id: "string",
items*: [
{
div*: div,
title*: "string",
title_click_action: {
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
target: "string",
url: "string"
}
},
...
],
margins: {
bottom: "int",
left: "int",
right: "int",
top: "int",
unit: "string"
},
paddings: {
bottom: "int",
left: "int",
right: "int",
top: "int",
unit: "string"
},
restrict_parent_scroll: "bool_int",
row_span: "int",
selected_actions: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
target: "string",
url: "string"
},
...
],
selected_tab: "int",
separator_color: "string",
separator_paddings: {
bottom: "int",
left: "int",
right: "int",
top: "int",
unit: "string"
},
switch_tabs_by_content_swipe_enabled: "bool_int",
tab_title_style: {
active_background_color: "string",
active_font_weight: "string",
active_text_color: "string",
animation_duration: "int",
animation_type: "string",
corner_radius: "int",
corners_radius: {
bottom-left: "int",
bottom-right: "int",
top-left: "int",
top-right: "int"
},
font_family: "string",
font_size: "int",
font_size_unit: "string",
font_weight: "string",
inactive_background_color: "string",
inactive_font_weight: "string",
inactive_text_color: "string",
item_spacing: "int",
letter_spacing: "number",
line_height: "int",
paddings: {
bottom: "int",
left: "int",
right: "int",
top: "int",
unit: "string"
}
},
title_paddings: {
bottom: "int",
left: "int",
right: "int",
top: "int",
unit: "string"
},
tooltips: [
{
animation_in: {
duration: "int",
end_value: "number",
interpolator: "string",
items: [ div-animation, ... ],
name*: "string",
repeat: div-count,
start_delay: "int",
start_value: "number"
},
animation_out: {
duration: "int",
end_value: "number",
interpolator: "string",
items: [ div-animation, ... ],
name*: "string",
repeat: div-count,
start_delay: "int",
start_value: "number"
},
div*: div,
duration: "int",
id*: "string",
offset: {
x*: {
unit: "string",
value*: "number"
},
y*: {
unit: "string",
value*: "number"
}
},
position*: "string"
},
...
],
transform: {
pivot_x: div-pivot,
pivot_y: div-pivot,
rotation: "number"
},
transition_change: div-change-transition,
transition_in: div-appearance-transition,
transition_out: div-appearance-transition,
transition_triggers: [ "string", ... ],
visibility: "string",
visibility_action: {
download_callbacks: {
on_fail_actions: [
{
download_callbacks: div-download-callbacks,
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
target: "string",
url: "string"
},
...
],
on_success_actions: [
{
download_callbacks: div-download-callbacks,
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
target: "string",
url: "string"
},
...
]
},
log_id*: "string",
log_limit: "int",
payload: "object",
referer: "string",
url: "string",
visibility_duration: "int",
visibility_percentage: "int"
},
visibility_actions: [
{
download_callbacks: {
on_fail_actions: [
{
download_callbacks: div-download-callbacks,
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
target: "string",
url: "string"
},
...
],
on_success_actions: [
{
download_callbacks: div-download-callbacks,
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
target: "string",
url: "string"
},
...
]
},
log_id*: "string",
log_limit: "int",
payload: "object",
referer: "string",
url: "string",
visibility_duration: "int",
visibility_percentage: "int"
},
...
],
width: div-size
}
Параметры
Параметры | Описание |
---|---|
accessibility | object Настройки доступности. Значение имеет тип |
alignment_horizontal | string Горизонтальное выравнивание элемента внутри родительского. Возможные значения: |
alignment_vertical | string Вертикальное выравнивание элемента внутри родительского. Возможные значения: |
alpha | number Устанавливает прозрачность всего элемента: Ограничение для значения Значение по умолчанию: |
background | array Фон элемента. Может содержать несколько слоев. Массив должен быть непустым. Список возможных значений: |
border | object Рамка элемента. Значение имеет тип |
column_span | int Объединяет ячейки в столбце элемента grid. Ограничение для значения |
disappear_actions | array Действия при исчезновении элемента с экрана. Массив должен быть непустым. Доступные платформы: браузер. |
dynamic_height | bool_int Обновление высоты при смене активного элемента. В браузере значение всегда Значение по умолчанию: Доступные платформы: Android, iOS. |
extensions | array Расширения для дополнительной обработки элемента. Список расширений см. в разделе Кастомизация. Массив должен быть непустым. |
focus | object Параметры при фокусировке на элементе или потере фокуса. Значение имеет тип Доступные платформы: Android, iOS. |
has_separator | bool_int Разделительная черта между табами и содержимым. Значение по умолчанию: |
height | object Высота элемента. Для Android: если в этом или в дочернем элементе есть текст, укажите высоту в Значение имеет тип Значение по умолчанию: |
id | string Идентификатор элемента. На iOS используется в качестве Строка должна быть непустой. |
items | array Обязательный параметр. Табы. Переход между табами можно осуществить с помощью: div-action://set_current_item?id=&item= — задать текущий таб с порядковым номером item внутри элемента, с заданным id ;div-action://set_next_item?id=[&overflow={clamp|ring}] — перейти на следующий таб внутри элемента, с заданным id ;div-action://set_previous_item?id=[&overflow={clamp|ring}] — перейти на предыдущий таб внутри элемента, с заданным id .Опциональный параметр overflow позволяет задать навигацию при достижении первого или последнего элемента:clamp — переход остановится на пограничном элементе;ring — переход в начало или конец, в зависимости от текущего элемента.По умолчанию, Массив должен быть непустым. |
margins | object Внешние отступы от рамки элемента. Значение имеет тип |
paddings | object Внутренние отступы от рамки элемента. Значение имеет тип |
restrict_parent_scroll | bool_int При включенном параметре табы не будут передавать жест скролла родительскому элементу. Значение по умолчанию: Доступные платформы: Android, браузер. |
row_span | int Объединяет ячейки в строке элемента grid. Ограничение для значения |
selected_actions | array Список действий, которые будут выполнены при выборе элемента в пейджере. Массив должен быть непустым. |
selected_tab | int Порядковый номер таба, который будет открываться по умолчанию. Ограничение для значения Значение по умолчанию: |
separator_color | string Цвет разделителя. Допустимые форматы: Значение по умолчанию: |
separator_paddings | object Отступы от разделительной черты. Не используется, если Значение имеет тип Значение по умолчанию: |
switch_tabs_by_content_swipe_enabled | bool_int Переключение табов скроллом по содержимому. Значение по умолчанию: |
tab_title_style | object Стиль оформления заголовков табов. Значение имеет тип |
title_paddings | object Отступы в названии таба. Значение имеет тип Значение по умолчанию: |
tooltips | array Привязанные к элементу всплывающие подсказки. Подсказка может быть показана по Массив должен быть непустым. Доступные платформы: Android, iOS. |
transform | object Применяет к элементу переданное преобразование. Тот контент, который не поместится в исходную область просмотра, будет обрезан. Значение имеет тип |
transition_change | object Анимация изменения. Воспроизводится при изменении положения или размера элемента в новой верстке. Значение имеет тип Список возможных значений: |
transition_in | object Анимация появления. Воспроизводится при появлении элемента с новым id. Подробнее о концепции переходов в разделе Анимация перехода. Значение имеет тип Список возможных значений: |
transition_out | object Анимация исчезания. Воспроизводится при исчезании элемента в новой верстке. Значение имеет тип Список возможных значений: |
transition_triggers | array Триггеры запуска анимации. Значение по умолчанию: Массив должен быть непустым. |
type | string Обязательный параметр. Значение всегда должно равняться |
visibility | string Видимость элемента. Возможные значения: Значение по умолчанию: |
visibility_action | object Трекинг видимости одного элемента. Не используется, если задан параметр Значение имеет тип |
visibility_actions | array Действия при появлении элемента на экране. Массив должен быть непустым. |
width | object Ширина элемента. Значение имеет тип Значение по умолчанию: |
Параметры | Описание |
---|---|
accessibility | object Настройки доступности. Значение имеет тип |
alignment_horizontal | string Горизонтальное выравнивание элемента внутри родительского. Возможные значения: |
alignment_vertical | string Вертикальное выравнивание элемента внутри родительского. Возможные значения: |
alpha | number Устанавливает прозрачность всего элемента: Ограничение для значения Значение по умолчанию: |
background | array Фон элемента. Может содержать несколько слоев. Массив должен быть непустым. Список возможных значений: |
border | object Рамка элемента. Значение имеет тип |
column_span | int Объединяет ячейки в столбце элемента grid. Ограничение для значения |
disappear_actions | array Действия при исчезновении элемента с экрана. Массив должен быть непустым. Доступные платформы: браузер. |
dynamic_height | bool_int Обновление высоты при смене активного элемента. В браузере значение всегда Значение по умолчанию: Доступные платформы: Android, iOS. |
extensions | array Расширения для дополнительной обработки элемента. Список расширений см. в разделе Кастомизация. Массив должен быть непустым. |
focus | object Параметры при фокусировке на элементе или потере фокуса. Значение имеет тип Доступные платформы: Android, iOS. |
has_separator | bool_int Разделительная черта между табами и содержимым. Значение по умолчанию: |
height | object Высота элемента. Для Android: если в этом или в дочернем элементе есть текст, укажите высоту в Значение имеет тип Значение по умолчанию: |
id | string Идентификатор элемента. На iOS используется в качестве Строка должна быть непустой. |
items | array Обязательный параметр. Табы. Переход между табами можно осуществить с помощью: div-action://set_current_item?id=&item= — задать текущий таб с порядковым номером item внутри элемента, с заданным id ;div-action://set_next_item?id=[&overflow={clamp|ring}] — перейти на следующий таб внутри элемента, с заданным id ;div-action://set_previous_item?id=[&overflow={clamp|ring}] — перейти на предыдущий таб внутри элемента, с заданным id .Опциональный параметр overflow позволяет задать навигацию при достижении первого или последнего элемента:clamp — переход остановится на пограничном элементе;ring — переход в начало или конец, в зависимости от текущего элемента.По умолчанию, Массив должен быть непустым. |
margins | object Внешние отступы от рамки элемента. Значение имеет тип |
paddings | object Внутренние отступы от рамки элемента. Значение имеет тип |
restrict_parent_scroll | bool_int При включенном параметре табы не будут передавать жест скролла родительскому элементу. Значение по умолчанию: Доступные платформы: Android, браузер. |
row_span | int Объединяет ячейки в строке элемента grid. Ограничение для значения |
selected_actions | array Список действий, которые будут выполнены при выборе элемента в пейджере. Массив должен быть непустым. |
selected_tab | int Порядковый номер таба, который будет открываться по умолчанию. Ограничение для значения Значение по умолчанию: |
separator_color | string Цвет разделителя. Допустимые форматы: Значение по умолчанию: |
separator_paddings | object Отступы от разделительной черты. Не используется, если Значение имеет тип Значение по умолчанию: |
switch_tabs_by_content_swipe_enabled | bool_int Переключение табов скроллом по содержимому. Значение по умолчанию: |
tab_title_style | object Стиль оформления заголовков табов. Значение имеет тип |
title_paddings | object Отступы в названии таба. Значение имеет тип Значение по умолчанию: |
tooltips | array Привязанные к элементу всплывающие подсказки. Подсказка может быть показана по Массив должен быть непустым. Доступные платформы: Android, iOS. |
transform | object Применяет к элементу переданное преобразование. Тот контент, который не поместится в исходную область просмотра, будет обрезан. Значение имеет тип |
transition_change | object Анимация изменения. Воспроизводится при изменении положения или размера элемента в новой верстке. Значение имеет тип Список возможных значений: |
transition_in | object Анимация появления. Воспроизводится при появлении элемента с новым id. Подробнее о концепции переходов в разделе Анимация перехода. Значение имеет тип Список возможных значений: |
transition_out | object Анимация исчезания. Воспроизводится при исчезании элемента в новой верстке. Значение имеет тип Список возможных значений: |
transition_triggers | array Триггеры запуска анимации. Значение по умолчанию: Массив должен быть непустым. |
type | string Обязательный параметр. Значение всегда должно равняться |
visibility | string Видимость элемента. Возможные значения: Значение по умолчанию: |
visibility_action | object Трекинг видимости одного элемента. Не используется, если задан параметр Значение имеет тип |
visibility_actions | array Действия при появлении элемента на экране. Массив должен быть непустым. |
width | object Ширина элемента. Значение имеет тип Значение по умолчанию: |
tab_title_style
Параметры | Описание |
---|---|
active_background_color | string Цвет фона заголовка активного таба. Допустимые форматы: Значение по умолчанию: |
active_font_weight | string Начертание заголовка активного таба. Возможные значения: |
active_text_color | string Цвет текста заголовка активного таба. Допустимые форматы: Значение по умолчанию: |
animation_duration | int Длительность анимации смены активного заголовка. Ограничение для значения Значение по умолчанию: |
animation_type | string Анимация смены активного заголовка. Возможные значения: Значение по умолчанию: Доступные платформы: Android, iOS. |
corner_radius | int Радиус скругления углов заголовка. Если параметр не задан, то максимальное скругление (половина от наименьшего размера). Не используется, если задан параметр Ограничение для значения |
corners_radius | object Радиусы скругления углов нескольких заголовков. Пустые значения заменяются на Значение имеет тип |
font_family | string Семейство шрифта: text — стандартный текстовый шрифт;display — семейство для шрифтов с крупным кеглем.Возможные значения: Значение по умолчанию: |
font_size | int Размер шрифта заголовка. Ограничение для значения Значение по умолчанию: |
font_size_unit | string Единицы измерения размера шрифта заголовка. Возможные значения: Значение по умолчанию: Доступные платформы: Android, iOS. |
font_weight | string Параметр устарел. Начертание. Вместо него используйте Возможные значения: Значение по умолчанию: |
inactive_background_color | string Цвет фона заголовка неактивного таба. Допустимые форматы: |
inactive_font_weight | string Начертание заголовка неактивного таба. Возможные значения: |
inactive_text_color | string Цвет текста заголовка неактивного таба. Допустимые форматы: Значение по умолчанию: |
item_spacing | int Интервал между соседними заголовками табов. Ограничение для значения Значение по умолчанию: |
letter_spacing | number Интервал между символами заголовка. Значение по умолчанию: |
line_height | int Межстрочный интервал (интерлиньяж) текста. Ограничение для значения |
paddings | object Отступы вокруг заголовка таба. Значение имеет тип Значение по умолчанию: |
Параметры | Описание |
---|---|
active_background_color | string Цвет фона заголовка активного таба. Допустимые форматы: Значение по умолчанию: |
active_font_weight | string Начертание заголовка активного таба. Возможные значения: |
active_text_color | string Цвет текста заголовка активного таба. Допустимые форматы: Значение по умолчанию: |
animation_duration | int Длительность анимации смены активного заголовка. Ограничение для значения Значение по умолчанию: |
animation_type | string Анимация смены активного заголовка. Возможные значения: Значение по умолчанию: Доступные платформы: Android, iOS. |
corner_radius | int Радиус скругления углов заголовка. Если параметр не задан, то максимальное скругление (половина от наименьшего размера). Не используется, если задан параметр Ограничение для значения |
corners_radius | object Радиусы скругления углов нескольких заголовков. Пустые значения заменяются на Значение имеет тип |
font_family | string Семейство шрифта: text — стандартный текстовый шрифт;display — семейство для шрифтов с крупным кеглем.Возможные значения: Значение по умолчанию: |
font_size | int Размер шрифта заголовка. Ограничение для значения Значение по умолчанию: |
font_size_unit | string Единицы измерения размера шрифта заголовка. Возможные значения: Значение по умолчанию: Доступные платформы: Android, iOS. |
font_weight | string Параметр устарел. Начертание. Вместо него используйте Возможные значения: Значение по умолчанию: |
inactive_background_color | string Цвет фона заголовка неактивного таба. Допустимые форматы: |
inactive_font_weight | string Начертание заголовка неактивного таба. Возможные значения: |
inactive_text_color | string Цвет текста заголовка неактивного таба. Допустимые форматы: Значение по умолчанию: |
item_spacing | int Интервал между соседними заголовками табов. Ограничение для значения Значение по умолчанию: |
letter_spacing | number Интервал между символами заголовка. Значение по умолчанию: |
line_height | int Межстрочный интервал (интерлиньяж) текста. Ограничение для значения |
paddings | object Отступы вокруг заголовка таба. Значение имеет тип Значение по умолчанию: |
item
Параметры | Описание |
---|---|
div | object Обязательный параметр. Содержимое таба. Значение имеет тип |
title | string Обязательный параметр. Заголовок таба. Строка должна быть непустой. |
title_click_action | object Действие при нажатии на заголовок активного таба. Значение имеет тип |
Параметры | Описание |
---|---|
div | object Обязательный параметр. Содержимое таба. Значение имеет тип |
title | string Обязательный параметр. Заголовок таба. Строка должна быть непустой. |
title_click_action | object Действие при нажатии на заголовок активного таба. Значение имеет тип |