Перейти к содержанию

Виджет Баннер-кнопка

ℹ️ Виджет доступен, начиная с версии 2.261 Лира

Блок Баннер-кнопка позволяет использовать баннеры на главном экране.

Дополнительные настройки блока:

Настройки блока:

Параметр Описание
Заголовок Заголовок баннера, можно задать фиксированное значение или рассчитать smart-выражением
Подзаголовок Подзаголовок баннера, можно задать фиксированное значение или рассчитать smart-выражением
Положение текста Положение текста в баннере. Доступные значения:
- Верхний левый угол (Значение по умолчанию)
- Нижний левый угол
- Нижний правый угол
- Верхний правый угол
Положение иконки Позволяет отображать иконку в блоке. Доступные значения:
- Не отображать — Иконка в виджете не отображается (Значение по умолчанию)
- Противоположный угол — Иконка отображается в противоположном углу от текста баннера в зависимости от опции Положение текста
- После текста — Иконка отображается после текста баннера
- Угол, выравнивание по тексту — Иконка привязана к той же стороне, что и текст по горизонтали, но располагается в противоположном углу по вертикали
Если выбрано любое значение, кроме "Не отображать", становится доступным текстовое поле Имя иконки. Цвет иконки соответствует цвету текста кнопки, а её размер автоматически определяется настройкой размера текста (xs, sm, md, lg)
Цвет текста Цвет текста в баннере. Доступные значения:
-Черный — цвет баннера черный, при смене темы интерфейса инвертируется в белый.
-Белый — цвет баннера белый, при смене темы интерфейса инвертируется в черный.
-Всегда черный (Значение по умолчанию) — в темной и светлой теме интерфейса цвет баннера черный.
-Всегда белый — в темной и светлой теме интерфейса цвет баннера белый.
Цвет текста динамически подстраивается под выбранный Цвет фона и его Тон: на светлых фонах (White, Light) текст автоматически становится тёмным, на тёмных (Dark, Black) — светлым. Это обеспечивает читаемость без дополнительных настроек.
Пропорция Пропорция баннера. Доступные значения:
-1:1
-1:2
-2:3
Ориентация Ориентация баннера. Доступные значения:
-Горизонталь (Значение по умолчанию)
-Вертикаль
Цвет фона Цвет фона баннера. Доступные значения:
-Brand (Значение по умолчанию) — Цвет бренда (по умолчанию голубой)
-Global — Фирменный цвет "Первой Формы" (по умолчанию серый)
-Red — Красный
-Yellow — Желтый
-Orange — Оранжевый
-Green — Зеленый
-Cyan — Бирюзовый
-Blue — Синий
-Purple — Фиолетовый
-Pink — Розовый
-Brown — Коричневый
-Grey — Серый
Цвета бренда Brand и Global задаются в файле ui.json.
Тон фона Тон фона баннера. Доступные значения:
- White — Белый тон
- Light — Светлый тон
- Color (Значение по умолчанию) — Цветной тон
- Dark — Темный тон
- Black — Черный тон
Белый и черный фон не зависят от настройки Цвет фона.
Url изображения Относительная ссылка на изображение, которое будет отображаться в качестве фона баннера. Допустимые форматы: jpg, png. Чтобы скопировать ссылку на изображение, откройте его в "Первой Форме" и выберите пункт "Скопировать ссылку" в меню "Больше действий" просмотрщика. При этом будет скопирована полная ссылка на изображение, к примеру: https://Адрес_Первой_Формы/api/files/download/1966582/1?getTrueMime=true, в поле необходимо вставить только /api/files/download/1966582/1?getTrueMime=true
Url видео Ссылка на видео, которое будет отображаться в качестве фона баннера.
Допустимый формат: mp4.
Размер Размер текста и внутренних отступов баннера. Управляет не только шрифтом, но и величиной отступов от краёв, что позволяет использовать кнопку в узких местах. Доступные значения:
- xs — Extra Small (Самый маленький) — наиболее компактный вариант с минимальными отступами
- sm (Значение по умолчанию) — Small (Маленький)
- md — Medium (Средний)
- lg — Large (Большой)
Затемнение под текст Затемнение под текст баннера (градиент). Доступные значения:
- None (Значение по умолчанию) — Нет затемнения
- White — Белое затемнение
- Black — Черное затемнение
- BackgroundColor — Затемнение под цвет фона
Направление градиента зависит от расположения текста: если текст расположен по верхнему краю, градиент будет направлен сверху вниз.
Ссылка на клик Ссылка, переход по которой будет осуществляться при клике на баннер. Можно задать фиксированное значение или рассчитать smart-выражением. Относительные ссылки должны указываться без /spa/. При выборе значений "Пространство", "Отчет" или "Виджет" достаточно ввести ID объекта. Отчеты и статьи пространства при клике на блок будут открыты в модальном окне, ссылки заданные напрямую — в новом окне. Переход по ctrl + клик всегда открывает ссылку в новой вкладке браузера.

Внутренние отступы для параметра Размер:

Размер Отступы
xs 12 пикселей
sm 12 пикселей
md 16 пикселей
lg 20 пикселей

ℹ️ Обратите внимание: для данного типа виджета не поддерживается настройка фильтрации данных