Как добавить компоненту “Вертикальный контейнер” на страницу?

Постановка задачи: необходимо расположить на пользовательской странице Карточка задачи набор параметров задачи таким образом, чтобы визуально страница воспринималась, как состоящая из двух одинаковых по ширине колонок, параметры задачи в каждой из которых идут друг под другом.

Решение задачи:

Предполагается, что страница Карточка задачи уже создана бизнес-аналитиком и визуальные компоненты и источник данных компоненты Форма настроен.

Для оптимизации расположения параметров в соответствии с условиями задачи необходимо сделать следующее:

Рис.1 Добавление компоненты Горизонтальный контейнер

Рис.2 Добавление двух компонент Вертикальный контейнер

Рис.3 Выставление параметра Ширина в 50% у компонент Вертикальный контейнер

Рис.4 Добавление визуальных компонентов в скомбинированные Горизонтальный и вертикальные контейнеры

На этом настройка предложенного порядка расположения визуальных компонентов на странице, предусмотренная заданием, завершена.

При проверке результата в работающем приложении визуальные компоненты должны выглядеть так:

Рис. 5 Представление визуальных компонентов после использования Горизонтального и Вертикального контейнеров.

Страница воспринимается как состоящая из 2 столбцов одинаковой ширины, в которых визуальные компоненты расположены в вертикальном направлении друг за другом

Тот же самый набор визуальных компонентов, расположенный в составе компоненты Форма, без использования контейнеров выглядел бы так:

Рис. 6 Все визуальные компоненты расположены внутри компоненты Форма.

Компонента Форма сама по себе является Вертикальным контейнером !

Рис. 7 Расположение визуальных компонентов в запущенное приложении без использования комбинации Горизонтальных и Вертикальных контейнеров.

Поскольку Компонента Форма сама по себе является Вертикальным контейнером, то все визуальные компоненты расположены в один столбик в вертикальной последовательности

Attachments: