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