Skip to main content

Медиаблок

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

image.png

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

image.png

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

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

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

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

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

Свойства

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

Синтаксис:

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

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

image.png

 

image.png

 

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

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

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


     
Переменные

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

image.png

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

image.png

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

image.png

image.png


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

image.png

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

image.png

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

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

image.png



SQL

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

image.png

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

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

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

Свойства

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

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

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

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

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

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

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

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

Лимит

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

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

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

Тип

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

image.png

Фон

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

Пропорции

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

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