Skip to main content

Медиаблок

Виджет который может содержать текст, фоновую заливку или картинку и зменять их свойства в зависимости от заданного пользователем SQL-выражения.

image.png

Вкладка «Вид»

Содержит секции параметров, связанные с содержанием и форматом текстовой части виджета

image.png

Параметры контейнера
Модель данных

Выбор модели данных, к которой будет обращен SQL-запрос данного виджета

Свойства

Основное поле ввода, в котором формируется структура результирующего текста. Текст может быть простым, может содержать динамические блоки (переменные). Может также содержать гиперссылки. Пробелы и переносы строк учитываются.

Синтаксис:

  • Гиперссылка #текст ссылки[url]
  • Переменная {{имя переменной}}

Допускается смешаный сиснтаксис. Например, гиперссылку (url) можно сделать динамической, передав ее через переменную

image.png

image.png

Свойства основного текста определяют внешний вид по дефолту. Начертание, размер, интервалы и отступы от краев в пикселях. Цвет может быть присвоен в двух режимах:

  • Вручную. Один образец из палитры
  • По условию. Несколько образцов будут окрашивать текст по заданному SQL-условию.
    Например:

    image.png
    Можно также использовать конструкцию с IF


     
Переменные

Список переменных, использующихся в тексте. Можно увеличить их количество кнопкой "Добавить переменную или удалить выбранную переменную с помощью кнопки "Корзина". Переименовать переменную можно нажав на ее название.

image.png

Параметры переменной

image.png

Рядом с названием переменной находится кнопка, вызывающая редактор SQL-запроса для конкретной переменной.

image.png

image.png


С другой стороны названия находится кнопка вызова панели насктроек для этой переменной: 

image.png

Секция Формат. Если результатом расчета выражения будет число, то нему можно применить стандартное форматирование, как во всех остальных визуализациях.

image.png

Секция Свойства. При активации подсекций переопределит свойства аналогичные основного текста для этой переменной

image.png



SQL

С помощью данной кнопки можно открыть общий редактор кода, в котором находятся все выражения, определяющие значения переменных и их названия. Также есть возможность наложить фильтры на запросы значений для переменных. 

image.png

Позиционирование

Данная настройка позволяет располагать текст относительно центра контейнера по горизонтали и вертикали:

• Слева
• По центру
• Справа

Свойства

Начертание: предоставляет возможность преобразовать текст:

  • жирный
  • курсив
  • подчеркнутый

Размер шрифта: задается вручную в пикселях

Межстрочный интервал: задается вручную в процентах

Межбуквенный интервал: задается вручную в пикселях

Цвет: любой цвет из палитры, либо один из интерфейсных цветов

Прозрачность: задается вручную в процентах

Внешние отступы: для данного виджета предусмотрено управление внутренними расстояниями по вертикали и горизонтали. Кнопка связи активирует одновременное изменение отступов виджета

Фон

Предоставляет возможность настроить отображение фона выбранного виджета, в том числе, по условию. Например:

Лимит

Позволяет установить ограничение итогового результата по количеству строк. По умолчанию установлен лимит 1.

Вкладка "Изображение"

Содержит параметры медиаблока, управляющие фоновыми изображениями

Тип

Позволяет выбрать источник изображения: база данных или внешняя ссылка. При выборе типа "БД" требуется указать поле, содержащее значения в формате http-ссылок на картинок. Если поле содержит более одной ссылки, появится слайдер для перелистывания картинок.
Пример картинки со слайдером:

image.png

Фон

Позволяет настроить условия для отображения картинок аналогично параметрам фона вкладки "Вид":

Пропорции

Позволяет настроить способ размещения приложения:

  • По размеру: разместить картинку в натуральную величину, обрезав лишнее границами виджета
  • Заполнить: заполнить виджет изображениями как текстурой
  • Вписать: изменить размер картинки по размерам виджета, не меняя ее пропорций
  • Растянуть: изменить размер картинки по размерам виджета с изменением ее пропорций