Системный виджет «Контейнер»

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

Список системных виджетов «Контейнер» отображается на вкладке «Конструктор» в блоке «Системные виджеты», тип «Контейнер» (см. 3, Рисунок «Окно редактирования новой (созданной) информационной панели»).

Для добавления системного виджета «Контейнер» перейдите на необходимую вкладку в области редактирования панели и нажмите на кнопку на вкладке «Конструктор» напротив типа «Контейнер» в блоке «Системные виджеты» (Рисунок «Создание системного виджета «Контейнер»). После нажатия на кнопку добавления происходят следующие действия:

  • виджет «Контейнер» отобразится на текущей вкладке в области редактирования панели в левом верхнем углу с настройками по умолчанию. Для просмотра расположения виджета, наведите курсор мыши на него;

  • виджет «Контейнер» отобразится в списке системных виджетов с типом «Контейнер» в блоке «Системные виджеты».

Рисунок 16. Создание системного виджета «Контейнер»

Создание системного виджета «Контейнер»

Для изменения настроек виджета «Контейнер» нажмите на виджет и перейдите на вкладку «Вид» (Рисунок «Настройки системного виджета «Контейнер» на вкладке «Вид»). По умолчанию блоки настроек виджета свернуты. Нажмите на кнопку , отобразится блок необходимой настройки. Для виджета «Контейнер» доступны следующие блоки:

Рисунок 17. Настройки системного виджета «Контейнер» на вкладке «Вид»

Настройки системного виджета «Контейнер» на вкладке «Вид»

  • основной блок:

    • «Наименование» – введите наименование виджета.

  • блок «Настройки объекта»:

    • «Координаты и размеры» – введите в поля значения координат (X и Y) и размеров виджета;

    • «Расположение» – выберите вид расположения элементов:

      • – виджеты в контейнере располагаются вертикально (сверху вниз);

      • – виджеты располагаются горизонтально (слева направо);

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

    • «Выравнивание» – выберите из выпадающего списка вид выравнивания элементов. Вид выравнивания определяет расположение объектов, находящихся внутри контейнера с фиксированными размерами;

    • «Расстояние между» – введите значение, определяющее расстояние между элементами в контейнере;

    • «Отступы»:

      • «По горизонтали» – введите значение, определяющее отступ от края контейнера до объекта по горизонтали;

      • «По вертикали» – введите значение, определяющее отступ от края контейнера до объекта по вертикали.

  • блок «Фон»:

    • «Скругление» – передвиньте ползунок, регулирующий скругление виджета;

    • «Тип» – выберите фон для виджета:

      • – заливка;

      • – изображение. При выборе значения отображается поле, в которое загрузите файл для фона в формате . jpeg или . png.

    • «Цвет» – поле доступно при выборе в поле «Фон» значения (заливка). Выберите цвет для фона из палитры;

    • «Тень» – передвиньте переключатель для отображения тени контейнера.

После добавления и настройки контейнера переместите в него необходимые виджеты с помощью drag-and-drop. При перемещении объекта в контейнер в нем подсвечивается место, в которое будет помещен объект (Рисунок «Перемещение объектов в контейнер»).

Рисунок 18. Перемещение объектов в контейнер

Перемещение объектов в контейнер

У объектов, находящихся внутри контейнера (кроме системных виджетов «Кнопка» и «Фильтр»), появляются дополнительные настройки, регулирующие размер объекта внутри контейнера, на вкладке «Вид» в блоке «Настройки объекты» (Рисунок «Настройки размера объекта внутри контейнера»).

Рисунок 19. Настройки размера объекта внутри контейнера

Настройки размера объекта внутри контейнера

  • «Поведение в контейнере»:

    • «По горизонтали» – выберите из выпадающего списка значение: «Растянуть» (установлено по умолчанию) или «Фиксированный»;

    • «По вертикали» – выберите из выпадающего списка значение: «Растянуть» (установлено по умолчанию) или «Фиксированный».

Для удаления виджета «Контейнер» откройте контекстное меню одним из способов:

  • наведите курсором мыши на виджет «Контейнер» в области редактирования панели и нажмите на кнопку ;

  • в области настроек информационной панели на вкладке «Конструктор» в блоке «Системные виджеты» напротив типа «Контейнер» нажмите на кнопку .

Откроется контекстное меню с пунктом «Удалить», при нажатии на кнопку удаляется системный виджет из вкладки «Конструктор» и с области редактирования информационной панели. Если виджет содержит в себе объекты, то при удалении откроется окно подтверждения действия (Рисунок «Окно подтверждения удаления виджета «Контейнер», содержащего в себе объекты»).

Рисунок 20. Окно подтверждения удаления виджета «Контейнер», содержащего в себе объекты

Окно подтверждения удаления виджета «Контейнер», содержащего в себе объекты

Нажмите на кнопку «Удалить» для удаления виджета или на кнопку «Отмена» для отмены действия.

На рисунке ниже представлено добавление системного виджета «Контейнер» и его настройка (Рисунок «Добавление системного виджета «Контейнер» и его настройка»).

Рисунок 21. Добавление системного виджета «Контейнер» и его настройка