Компонент Panel предоставляет панель, которая предназначена для объединения других компонентов в группы.
Компонент является контейнером для других визуальных компонентов. Все компоненты, расположенные на панели, наследуют от неё значения свойств enabled и visible. Если на панели располагаются компоненты RadioButton, то их выбор не будет зависеть от выбора переключателей, расположенных на форме или других панелях.
Компонент имеет различный набор свойств, доступных в режиме дизайнера и режиме выполнения веб-формы.
text. Текст, отображаемый в области панели в режиме дизайнера. Не отображается при запуске формы, предназначен для идентификации компонентов во время проектирования веб-формы;
name. Наименование компонента;
borderStyle. Стиль границы компонента;
color. Цвет фона компонента;
visible. Признак видимости компонента на запущенной веб-форме;
enabled. Признак доступности компонента пользователю;
hint. Текст всплывающей подсказки;
showHint. Признак отображения всплывающей подсказки при наведении курсора мыши на компонент;
popupMenu. Контекстное меню, отображаемое для компонента. В качестве значения укажите один из компонентов PopupMenu, размещённых на форме;
position. Способ позиционирования компонента на веб-форме или внутри компонента-контейнера. По умолчанию свойство имеет значение absolute, при этом компонент имеет фиксированное расположение и размер, определяемые свойствами coordinate и size. При значении relative положение и размеры компонента будут изменяться вместе с размерами компонента-контейнера. При этом свойство coordinate будет недоступно. Место расположения компонента будет определяться свойствами flexDirection, aligments, justifyContent родительского компонента, а размеры компонента будут изменяться, если свойство size задано в процентах;
padding. Отступы от края панели до её компонентов. Значения свойства влияют на расположение компонентов с позиционированием относительно родительского компонента: position = relative;
flexDirection. Главная ось, вдоль которой будут располагаться flex-компоненты. Значение задаётся относительно родительского компонента, в котором располагаются flex-компоненты. Доступные значения:
column. Значение по умолчанию. Компоненты располагаются по вертикали;
row. Компоненты располагаются по горизонтали.
alignItems. Выравнивание flex-компонентов относительно поперечной оси. Доступные значения:
flex-start. Компоненты выравниваются в начале поперечной оси;
center. Компоненты центрированы по поперечной оси;
flex-end. Компоненты выравниваются в конце поперечной оси.
justifyContent. Выравнивание flex-компонентов относительно главной оси. Доступные значения:
flex-start. Значение по умолчанию. Компоненты сдвинуты в начало главной оси;
center. Компоненты центрированы вдоль главной оси;
flex-end. Компоненты сдвинуты в конец главной оси;
space-around. Компоненты равномерно распределены вдоль главной оси с одинаковым свободным пространством вокруг них. Визуально свободное пространство между крайними компонентами и границами оси будет меньше т.к. свободное пространство между компонентами состоит из двух свободных пространств, принадлежащих каждому из компонентов;
space-between. Компоненты равномерно распределены вдоль главной оси. Первый элемент находится в начале оси, последний элемент - в конце оси;
space-evenly. Компоненты распределяются таким образом, чтобы расстояние между любыми двумя компонентами и расстояние до краёв оси было одинаковым.
flexGrow. Свойство определяет, какую пропорцию свободного пространства в контейнере должны быть выделено компоненту. Если для всех компонентов установлено значение 1, то свободное пространство в контейнере равномерно распределяется между компонентами. Если один из компонентов имеет значение 2, то ему выделяется в два раза больше свободного пространства и так далее. Свойство доступно, если свойству position установлено значение relative;
size. Размеры компонента. Размеры могут быть указаны в пикселях или в процентах относительно размеров родительского компонента;
coordinate. Координата верхнего левого угла компонента. Координаты могут быть указаны в пикселях или в процентах относительно размеров родительского компонента. Свойство доступно, если свойству position установлено значение absolute.
Color. Цвет фона компонента;
Enabled. Признак доступности компонента для пользователя;
PopupMenu. Контекстное меню, отображаемое для компонента. В качестве значения укажите один из компонентов PopupMenu, размещённых на форме;
Text. Текст, отображаемый в компоненте;
Visible. Признак видимости компонента для пользователя.
Компонент не имеет событий.
См. также:
Создание веб-формы и размещение компонентов