Виджет Баннер-кнопка¶
ℹ️ Виджет доступен, начиная с версии 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 пикселей |
ℹ️ Обратите внимание: для данного типа виджета не поддерживается настройка фильтрации данных