Общие сведения

Для настройки оформления компонента проекта, выберите компонент или несколько компонентов, и кликните кнопку « Настройки оформления» . Кнопка неактивна когда ни один компонент не выбран.


Кнопка для настройки внешнего оформмления виджета в режиме редактирования проекта


По клику кнопки открывается всплывающая панель, где можно настроить оформление компонента.


Панель настройки оформления компонента


Настройки в панели разнесены по вкладкам:

  • «Область построения компонента» – настройки отображения фона, рамки и тени;
  • «Название и описание» – настройки отображения названия и описания;
  • «Цвет серии» – настройка используемых на виджете цветов для дифференциации данных (только для виджетов);
  • «Оформление таблицы» – настройки оформления компонента проекта «Таблица» (только для таблиц).

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

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

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

Область построения компонента

Фон

Чтобы раскрыть параметры настройки фона и включить его применение для компонента, включите переключатель «Фон» во вкладке «Область построения проекта».

Обратите внимание

Настройка "Фон" не применяется к таблицам.

Чтобы выключить настройку фона, выключите переключатель «Фон». При выключении переключателя, состояния параметров сохраняются и будут вновь использованы при включении. Вы можете сбросить настройки при необходимости.


Параметры настройки оформления фона


Настройка фона включает в себя следующие параметры.

  • Цвет фона.
    Чтобы задать цвет, введите в поле «Цвет фона» значение цвета в формате HTML или воспользуйтесь для выбора цвета палитрой: кликните кнопку «» в правом крае поля.
  • Прозрачность фона.
    Прозрачность цвета фона. Перемещайте ползунок или введите значение в поле справа от ползунка. Настройка параметра недоступна, когда не выбран цвет фона.
  • Фоновая картинка.
    Чтобы выбрать фоновое изображение, кликните по миниатюре с изображением. Установка фонового изображения отменяет использование цвета фона, но не сбрасывает значения его параметров: по удалению фонового изображения цвет фона будет использован.
    Чтобы удалить фоновое изображение, кликните справа от названия параметра кнопку «».
  • Прозрачность.
    Прозрачность фонового изображения. Перемещайте ползунок или введите значение в поле справа от ползунка. Настройка параметра недоступна, когда не выбрано изображение.

Рамка

Чтобы раскрыть параметры настройки рамки и включить её для компонента, включите переключатель «Рамка» во вкладке «Область построения проекта».

Чтобы выключить настройку рамки, выключите переключатель «Рамка». При выключении переключателя, состояния параметров сохраняются и будут вновь использованы при включении. Вы можете сбросить настройки при необходимости.


Параметры настройки оформления рамки


Настойка рамки включает в себя следующие параметры.

  • Тип.
    Тип начертания рамки: пунктирная, сплошная, точечная.
  • Закругление углов.
    Радиус закругления углов рамки в пикселях.
  • Толщина.
    Толщина рамки.
  • Цвет.
    Чтобы задать цвет, введите в поле «Цвет» значение цвета в формате HTML или воспользуйтесь для выбора цвета палитрой: кликните кнопку «» в правом крае поля.
  • Прозрачность.
    Прозрачность рамки. Перемещайте ползунок или введите значение в поле справа от ползунка. Когда в компоненте используется фоновый цвет, он взаимодействует с прозрачностью рамки. Для фонового изображения прозрачность рамки не используется. Полностью прозрачная рамка может служить для закругления углов.

Тень

Чтобы раскрыть параметры настройки тени и включить её отображение для компонента, включите переключатель «Тень» во вкладке «Область построения проекта».

Чтобы выключить настройку тени, выключите переключатель «Тень». При выключении переключателя, состояния параметров сохраняются и будут вновь использованы при включении. Вы можете сбросить настройки при необходимости.


Параметры настройки оформления тени


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

  • Цвет.
    Чтобы задать цвет, введите в поле «Цвет» значение цвета в формате HTML или воспользуйтесь для выбора цвета палитрой: кликните кнопку «» в правом крае поля.
  • Смещение.
    Направление отбрасываемой тени: наружу или вовнутрь.
  • Положение тени.
    Направление, противоположное воображаемому источнику освещения: снизу справа, снизу, снизу слева, по правому краю, по центру, по левому краю, сверху справа, сверху, сверху слева.
  • Размер тени.
    Расстояние тени от края.
  • Размытие.
    Размытие краев тени.
  • Прозрачность.
  • Прозрачность тени. Перемещайте ползунок или введите значение в поле справа от ползунка.

Название и описание

Название компонента

Чтобы раскрыть параметры настройки названия и включить его отображение для компонента, включите переключатель «Название компонента» во вкладке «Название и описание».

Чтобы отображение названия, выключите переключатель «Название компонента». При выключении переключателя, состояния параметров сохраняются и будут вновь использованы при включении. Вы можете сбросить настройки при необходимости.


Параметры настройки оформления названия


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

  • Название.
    По умолчанию отображается название компонента, которое указано в его системных настройках. Изменение названия в панели настроек оформления не изменяет название компонента в его системных настройках.
  • Выравнивание.
    Выравнивание названия по горизонтали.
  • Сокращенное.
    Отображение сокращенного названия с многоточием. При включении отображаются первые десять символов.
  • Шрифт.
    Вид и размер шрифта.
  • Начертание.
    Начертание шрифта.
  • Цвет шрифта.
    Чтобы задать цвет, введите в поле «Цвет» значение цвета в формате HTML или воспользуйтесь для выбора цвета палитрой: кликните кнопку «» в правом крае поля.
  • Прозрачность.
    Прозрачность текста.
  • Цвет фона.
    Цвет блока под шрифтом. Чтобы задать цвет, введите в поле «Цвет» значение цвета в формате HTML или воспользуйтесь для выбора цвета палитрой: кликните кнопку «» в правом крае поля.
  • Прозрачность.
    Прозрачность блока под шрифтом. Настройка параметра недоступна, когда не выбран цвет фона.

Описание компонента

Чтобы раскрыть параметры настройки описания и включить его отображение для компонента, включите переключатель «Описание компонента» во вкладке «Название и описание».

Чтобы отображение названия, выключите переключатель «Описание компонента». При выключении переключателя, состояния параметров сохраняются и будут вновь использованы при включении. Вы можете сбросить настройки при необходимости.

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

Цвет серии

Цвет серии используется для цветовой дифференциации данных на виджетах.

Чтобы использовать настраиваемую палитру цветов серии для виджета, включите переключатель «Настраиваемая палитра» во вкладке «Цвет серии». Когда переключатель включен, цвета серии виджета не изменяются при изменении темы проекта.

Чтобы выключить настройку цветов серии, выключите переключатель «Настраиваемая палитра». При выключении переключателя состояние палитры сбрасывается, а при повторном его включении используются цвета темы проекта.

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


Настройка отображения цветов серии компонента включает в себя следующие параметры.

  • Общий цвет серии.
    Устанавливает один цвет для всех значений серии. При включении параметра всегда выбирается первый цвет палитры темы проекта.

  • Цвет.
    Чтобы задать цвет, введите в поле «Цвет» значение цвета в формате HTML или воспользуйтесь для выбора цвета палитрой: кликните кнопку «» в правом крае поля.
    Чтобы добавить цвет, кликните под списком цветов кнопку «Добавить». Чтобы удалить цвет из списка, кликните для соответствующего цвета кнопку «».

Оформление таблицы

Вкладка доступна, только когда выбран компонент проекта «Таблица». Вложенные вкладки «Значения и текст» и «Заголовки столбцов» доступны для обоих типов таблиц, прочие вложенные вкладки – только для сводной таблицы.


Параметры настройки оформления элемента таблицы


Параметры настройки оформления во всех вложенных вкладках аналогичны следующим.

  • Выравнивание.
    Выравнивание текста по горизонтали.
  • Шрифт.
    Вид и размер шрифта.
  • Начертание.
    Начертание шрифта.
  • Цвет шрифта.
    Чтобы задать цвет, введите в поле «Цвет» значение цвета в формате HTML или воспользуйтесь для выбора цвета палитрой: кликните кнопку «» в правом крае поля.
  • Прозрачность.
    Прозрачность текста.

Применение и сброс настроек

Чтобы сохранить текущие изменения в оформлении, кликните внизу панели настройки оформления кнопку «Применить», после чего сохранить слой проекта нажатием на кнопку «Сохранить» и дождаться нотификации об успешном сохранении проекта. Только после этого сохраненные изменения оформления станут видны в проекте.

Чтобы сбросить текущие изменения в оформлении, кликните на странице проекта вне панели настройки оформления.

Чтобы сбросить ВСЕ сделанные изменения в оформлении к умолчанию (все настройки оформления выключены, значения параметров по умолчанию), кликните внизу панели кнопку «Сбросить», а затем кнопку «Применить». По клику кнопки «Сбросить» все переключатели переходят в выключенное состояние, состояние параметров сбрасывается. После сброса настроек также необходимо сохранить слой проекта нажатием на кнопку «Сохранить» и дождаться нотификации об успешном сохранении проекта. 


  • Нет меток