Главная > Руководство пользователя > Информационные панели

Работа с текстом

Системный виджет Текст позволяет разместить произвольный текст на информационные панели. Список текстов отображается на вкладке Конструктор в блоке Текст.

Для добавления текста на информационную панель перейдите на нужную вкладку в области редактирования панели и нажмите на кнопку на вкладке Конструктор, возле блока Текст. После нажатия на кнопку:

• на информационной панели появится новый системный виджет Текст с настройками по умолчанию;

• виджет отобразится в списке, в блоке Текст, слева от наименования отобразится счетчик, который считает количество используемых экземпляров одного и того же виджета.

При наведении на виджет Текст на информационной панели или на вкладке Конструктор и открытии меню по кнопке  доступно:

• Клонировать - создается клон системного виджета, он автоматически добавляется в область редактирования информационной панели. В названии виджета будет добавляться слово (клон);

• Удалить - при удалении виджета на вкладке Конструктор, удаляются все экземпляры виджетов информационной панели. При удалении виджета из области редактирования панели, удаляется конкретный экземпляр, виджет будет доступен в списка виджетов в блоке Текст.

Настройки внешнего вида

Для изменения настроек кликните мышью на область текста и перейдите к блоку Вид, также доступно изменение настроек в меню блока. Над блоками настроек отобразится тип редактируемого объекта Текст.

Настройки системного виджета Текст содержат разделы: Настройки объекта, Фон, Настройки текста, а также:

• Устройство - информационная панель будет адаптироваться в зависимости от разрешения экрана текущего устройства при переходе по внутренним и публичным ссылкам, переключатель преобразует размеры рабочей области:

  • Компьютер(1) — разрешение экрана 1440px и выше;

  

  • Ноутбук(2) — разрешение экрана от 1280px до 1439px;

  

  • Планшет(3) — разрешение экрана 768px до 1278px;

  

  • Телефон(4) — разрешение экрана до 768px;

  

  1. переключение по Ctrl + 1
  2. переключение по Ctrl + 2
  3. переключение по Ctrl + 3
  4. переключение по Ctrl + 4

Принципы адаптивной верстки информационных панелей:

• контент и функционал компьютерной и мобильной версии информационной панели дублируется;
• дизайн не меняется;
• сохраняется структура элементов.

• Наименование - поле ввода наименования виджета. По умолчанию значение Текст;

У объектов, добавленных внутрь контейнера, появляются дополнительные настройки в блоке Настройки объекты. Настройки регулируют поведение объекта внутри контейнера.

Поведение в контейнере активно при настройке панели Расположение элементов в значении горизонтально или вертикально.

Перечень всех настроек блока Поведение в контейнере:

• По горизонтали - список вариантов расположения объектов в контейнере по горизонтали:

  • растянуть - объект растягивается внутри контейнера слева направо. Если все виджеты внутри контейнера растянуты, они располагаются слева направо и занимают равные участки. Значение по умолчанию;
  • фиксированный - доступно изменение ширины объекта;

• По вертикали - список вариантов расположения объектов в контейнере по вертикали:

  • растянуть - объект растягивается внутри контейнера сверху вниз. Если все виджеты внутри контейнера растянуты, они располагаются снизу вверх и занимают равные участки. Значение по умолчанию;
  • фиксированный - доступно изменение высоты объекта;

Настройки объекта

Позволяет задать настройки расположения и размеры объекта на панели.

Перечень всех настроек блока Настройки объекта:

• Координаты и размеры - расположение и размеры объекта:

  • координаты - настройка расположения объекта на информационной панели. По умолчанию значение Х - 10, Y - 10;

  • размеры - настройка размеров объекта. По умолчанию значение ширины - 600, высоты - 400;

• Отступы - настройки отступов от края объекта:

  • По горизонтали - поле ввода отступа внутри объекта от края слева направо. По умолчанию значение 0;

  • По вертикали - поле ввода отступа внутри объекта от края сверху внизу. По умолчанию значение 0;

Фон

Позволяет задать настройки фона текста.

Перечень всех настроек блока Фон:

Опция Тип и настройки типа применяются отдельно для каждого типа устройства.

• Тип - кнопки для выбора вида фона:

  • заливка - позволяет выбрать единый цвет фона в настройке Цвет. Значение по умолчанию;
  • градиент - позволяет выбрать фон с переходом двух цветов в настройке Цвета и Угол;
  • изображение - позволяет выбрать изображение фона в формате PNG или JPEG;

• Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение не задано;

Цвет активна при настройке Тип в значении заливка.

• Цвета - при нажатии на сегмент открывается окно с палитрой цветов. По умолчанию значения не заданы. Кнопка Поменять местами позволяет поменять местами цвета для создания градиента. При настройке фона типа градиент в палитре цветов доступна кнопка Удалить цвет. При нажатии кнопка удаляет значение выбранного цвета и возвращает сегмент к состоянию по умолчанию.

• Угол - кнопки направления градиента:

  • сверху вниз - значение по умолчанию;
  • слева направо;
  • справа налево по диагонали;
  • слева направо по диагонали;

Цвета и Угол активны при настройке Тип в значении градиент.

• выбор файла - при нажатии открывается окно для выбора изображения в формате PNG или JPEG. Также доступно перетаскивание файла в область для загрузки;

• Изображение - настройка поведения растягивания или масштабирования изображений:

  • заполнить - масштабирование размера без изменения пропорций изображение с обрезкой лишнего. Значение по умолчанию;
  • исходный размер - размер изображения не зависимо от размеров контейнера;
  • растянуть - масштабирование размера с нарушением пропорций изображения под элемент;
  • вместить - масштабирование размера без изменения пропорций изображения, чтобы полностью поместиться в элемент. Элемент может быть не покрыт изображением полностью;

• Выравнивание - размещение объекта:

  • слева сверху;
  • сверху;
  • справа сверху;
  • слева;
  • по центру - значение по умолчанию;
  • справа;
  • слева снизу;
  • снизу;
  • справа снизу;

Форма выбора файла, Изображение и Выравнивание активны при настройке Тип в значении изображение.

Выравнивание активно при настройке Изображение в значении исходный размер или вместить.

Опции Скругление и Тень применяются для всех устройств.

• Скругление - ползунок для установки скругления границы. По умолчанию значение 0;

• Тень - при нажатии включает/выключает отображение тени фона. По умолчанию настройка выключена;

Настройки текста

Позволяют задать настройки текста и доступны на плавающей панели над блоком.

Перечень всех настроек плавающей панели:

• шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;

• размер шрифта - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 13;

  Максимальный размер шрифта 64, так же доступен ручной ввод значения размера шрифта.

• начертание - кнопки:

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

• ссылка - кнопка для добавления ссылки в текст. Выделите текст и нажмите кнопку для установки ссылки к уже имеющемуся фрагменту текста. Интерфейс добавления ссылки содержит:

  • Текст - текст, к которому будет привязана ссылка. Поле недоступно для редактирования, если текст был выделен для добавления ссылки;
  • Ссылка - URL-адрес ссылки формата https://domain.ru. Кнопка позволяет перейти по ссылке для проверки;
  • Открывать в отдельной вкладке - при нажатии включает/выключает открытие ссылки в отдельной вкладке браузера. По умолчанию настройка выключена;
  • кнопка Добавить ссылку - при нажатии сохраняет настройки и добавляет ссылку;

• цвет фона текста - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #000000;

• цвет текста - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #202224;

• выравнивание - кнопки:

  • слева;
  • по центру;
  • справа;

• список - кнопки:

  • маркированный;
  • нумерованный;

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

В системном виджете Текст можно использовать только редактируемые переменные, вынесенные из виджета на панель как системный виджет Переменная. Переменные типов Расчетная и Константа можно использовать только внутри того виджета, в котором они определены.

Переменные можно добавить в текст вручную:

• наберите символ "[" и выберите из списка;

• выполните Копировать наименование у переменной и вставьте в текст;