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


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


После нажатия на кнопку справа появляется окно для настройки оформления компонента:


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


Окно состоит из следующих блоков:

  • Настройки блока;
  • Заголовок;
  • Описание.

Настройки блока

Для открытия данного блока следует нажать на его наименование. В результате раскроются настройки, содержащиеся в блоке:


Настройки блока


Блок состоит из следующих составляющих:

  • Кнопка «Цвет фона». Выбор цвета фона для компонента. После нажатия на кнопку появляется палитра, в которой необходимо выбрать цвет для окрашивания фона;
  • Поле «Скругление (в px)». Округление углов границы компонента.
  • Кнопка «Цвет тени». Выбор цвета тени для компонента. После нажатия на кнопку появляется палитра, в которой необходимо выбрать цвет для окрашивания тени;
  • Поле «Интенсивность (px)». Четкость тени;
  • Поле «Размытие (px)». Размытие тени;
  • Поле «Сдвиг сверху (px)». Сдвиг тени вниз;
  • Поле «Сдвиг слева (px)». Сдвиг тени вправо.

Заголовок

Для открытия данного блока следует нажать на его наименование. В результате раскроются настройки, содержащиеся в блоке: 


Заголовок


Блок состоит из следующих составляющих:

  • «Отображать заголовок». Для отображения заголовка следует установить флажок;
  • Поле «Заголовок». Поле для ввода текста заголовка. По умолчанию отображается наименование созданного компонента;
  • Кнопка «Цвет заголовка». Выбор цвета заголовка для компонента. После нажатия на кнопку появляется палитра, в которой необходимо выбрать цвет для окрашивания текста заголовка;
  • Поле «Размер (px)». Размер заголовка;
  • Выпадающий список «Выравнивание». Выравнивание заголовка по горизонтали (слева, по центру, справа);
  • Выпадающий список «Начертание». Выбор типа шрифта заголовка.

Описание

Отображается под заголовком компонента.

Для открытия данного блока следует нажать на его наименование. В результате раскроются настройки, содержащиеся в блоке: 


Описание


Блок состоит из следующих составляющих:

  • «Отображать описание». Для отображения описания следует установить флажок;
  • Поле «Описание». Поле для ввода текста описания;
  • Кнопка «Цвет подписи». Выбор цвета описания для компонента. После нажатия на кнопку появляется палитра, в которой необходимо выбрать цвет для окрашивания текста описания;
  • Поле «Размер (px)». Размер описания;
  • Выпадающий список «Выравнивание». Выравнивание описания по горизонтали (слева, по центру, справа);
  • Выпадающий список «Начертание». Выбор типа шрифта описания.

Сохранение настроек оформления компонента

Для отмены внесенных данных в окно настроек оформления компонента следует нажать кнопку «Сбросить» или нажать левую кнопку мыши вне области окна. Для сохранения внесенных данных следует нажать кнопку «Применить». Настройки сохранятся. Произойдет возврат в окно проекта в режиме редактирования.

  • Нет меток