Системный виджет «Контейнер» позволяет организовать и расположить определенным образом один виджет или наборы виджетов на информационной панели.
Список системных виджетов «Контейнер» отображается на вкладке «Конструктор» в блоке «Системные виджеты», тип «Контейнер» (см. 3, Рисунок «Окно редактирования новой (созданной) информационной панели»).
Для добавления системного виджета «Контейнер» перейдите на необходимую вкладку в
области редактирования панели и нажмите на кнопку 
на вкладке «Конструктор» напротив типа «Контейнер» в блоке
«Системные виджеты» (Рисунок «Создание системного
виджета «Контейнер»). После нажатия на кнопку добавления происходят следующие
действия:
-
виджет «Контейнер» отобразится на текущей вкладке в области редактирования панели в левом верхнем углу с настройками по умолчанию. Для просмотра расположения виджета, наведите курсор мыши на него;
-
виджет «Контейнер» отобразится в списке системных виджетов с типом «Контейнер» в блоке «Системные виджеты».
Для изменения настроек виджета «Контейнер» нажмите на виджет и перейдите на вкладку
«Вид» (Рисунок «Настройки системного виджета
«Контейнер» на вкладке «Вид»). По умолчанию блоки настроек виджета свернуты.
Нажмите на кнопку 
, отобразится блок необходимой настройки. Для виджета «Контейнер»
доступны следующие блоки:
-
основной блок:
-
«Наименование» – введите наименование виджета.
-
-
блок «Настройки объекта»:
-
«Расположение элементов» – выберите вид расположения элементов:
-
– виджеты в контейнере располагаются
вертикально (сверху вниз);
-
– виджеты располагаются горизонтально
(слева направо);
-
– абсолютное позиционирование: виджет может
находиться в любой области контейнера, например, в одном
контейнере могут находиться виджеты, наложенные друг на
друга.
-
-
«Выравнивание элементов» – выберите из выпадающего списка вид выравнивания элементов. Вид выравнивания определяет расположение объектов, находящихся внутри контейнера с фиксированными размерами;
-
«Расстояние между элементами» – введите значение, определяющее расстояние между элементами в контейнере;
-
«Отступы по горизонтали» – введите значение, определяющее отступ от края контейнера до объекта по горизонтали;
-
«Отступы по вертикали» – введите значение, определяющее отступ от края контейнера до объекта по вертикали.
-
-
блок «Фон»:
-
«Скругление» – передвиньте ползунок, регулирующий скругление виджета;
-
«Тип» – выберите фон для виджета:
-
– заливка;
-
– изображение. При выборе значения
отображается поле, в которое загрузите файл для фона в формате .
jpeg или . png.
-
-
«Цвет» – поле доступно при выборе в поле «Фон» значения
(заливка). Выберите цвет для фона из
палитры;
-
«Тень» – передвиньте переключатель для отображения тени контейнера.
-
После добавления и настройки контейнера переместите в него необходимые виджеты с помощью drag-and-drop. При перемещении объекта в контейнер в нем подсвечивается место, в которое будет помещен объект (Рисунок «Перемещение объектов в контейнер»).
У объектов, находящихся внутри контейнера (кроме системных виджетов «Кнопка» и «Фильтр»), появляются дополнительные настройки, регулирующие размер объекта внутри контейнера, на вкладке «Вид» в блоке «Настройки объекты» (Рисунок «Настройки размера объекта внутри контейнера»).
-
«Размер по горизонтали» – выберите из выпадающего списка значение: «Растянуть по контейнеру» (установлено по умолчанию) или «Фиксированный»;
-
«Размер по вертикали» – выберите из выпадающего списка значение: «Растянуть по контейнеру» (установлено по умолчанию) или «Фиксированный».
Для удаления виджета «Контейнер» откройте контекстное меню одним из способов:
-
наведите курсором мыши на виджет «Контейнер» в области редактирования панели и нажмите на кнопку
;
-
в области настроек информационной панели на вкладке «Конструктор» в блоке «Системные виджеты» напротив типа «Контейнер» нажмите на кнопку
.
Откроется контекстное меню с пунктом «Удалить», при нажатии на кнопку удаляется системный виджет из вкладки «Конструктор» и с области редактирования информационной панели. Если виджет содержит в себе объекты, то при удалении откроется окно подтверждения действия (Рисунок «Окно подтверждения удаления виджета «Контейнер», содержащего в себе объекты»).
На рисунке ниже представлено добавление системного виджета «Контейнер» и его настройка (Рисунок «Добавление системного виджета «Контейнер» и его настройка»).
