Медиаблок

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

mediablok 42

Вкладка Вид

mediablok 43

Параметры текстовой части виджета

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

Стандартная секция для всех виджетов. За исключением настройки цвета фона. Здесь фон может быть дополнительно по условию.

Модель данных

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

Свойства

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

Синтаксис:

  • Гиперссылка #текст ссылки[url]

  • Переменная \{\{имя переменной}}

Гиперссылку [url] можно сделать динамической, передав ее через переменную. Однако, в текст ссылки через переменную передать не получится. #{{var}}…​ - не сработает

mediablok 43 1 mediablok 43 2

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

  • Вручную. Один образец из палитры

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

    Например:

    mediablok 44

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

Переменные

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

mediablok 45

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

    mediablok 46

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

    mediablok 46 1 mediablok 46 2

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

    mediablok 47

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

    mediablok 48

  • Свойства. Это такое же текстовое поле как в результируещем тексте, но только для этой переменной. В фигурные скобки этой переменной в основном блоке пойдет все что указано в локальном. Простой текст и/или ключевое слово "value", которое означает результат выражения переменной, если оно есть.

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

mediablok 49

SQL

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

mediablok 50

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

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

  • Слева

  • По центру

  • Справа

Свойства

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

    • жирный

    • курсив

    • подчеркнутый

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

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

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

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

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

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

Лимит

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

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

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

mediablok 51

Тип

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

mediablok 52

Фон

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

mediablok 53

Пропорции

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

  • По размеру. Разместит картинку в натуральную величину, обрезав лишнее границами виджета.

  • Заполнить. Заполнит виджет изображениями как текстурой

  • Вписать. Изменит размер картинки по размерам виджета, не меняя ее пропорций.

  • Растянуть. Изменит размер картинки по размерам виджета с изменением ее пропорций.