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

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

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

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

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

внутрь компоненты Форма добавить компоненту Горизонтальный контейнер (рис.1)

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

внутрь компоненты Горизонтальный контейнер добавить две компоненты Вертикальный контейнер (рис. 2)

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

в настройках компоненты Вертикальный контейнер перейти в Расширенные настройки и задать ширину каждой из компонент Вертикальный контейнер в размере 50% (рис. 3)

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

внутрь каждой из компонент Вертикальный контейнер расположить визуальные компоненты (рис.4)

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

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

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


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

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


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

Attachments: