Как добавить компоненту “Сворачиваемая панель” на страницу?

Постановка задачи:

На пользовательской странице необходимо расположить “Сворачиваемую панель” которая будет включать в себя Поле многострочного ввода, поле Дата и денежное поле.

Элементы на странице должны иметь следующие настройки:

• Сворачиваемая панель:
  • заголовок: Дополнительная информация об услуге
• Дата:
  • Надпись: Дата предоставления услуги
  • Формат: Дата со временем
• Поле многострочного ввода:
  • Надпись: Описание проведенных работ
• Денежное поле:
  • Надпись: Стоимость услуг
  • Количество знаков после запятой

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

Предполагается, что страница, где необходимо разместить Таблицуи Набор фильтров, уже создана бизнес-аналитиком и включена в логику бизнес-процесса. Для добавления на страницу и настройки компонент по условиям задачинеобходимо сделать следующее:

1. Добавление элементов:

• Добавить на страницу контейнер Сворачиваемая панель (рис.1)

рис.1 Добавление элемента Сворачиваемая панель

• Добавить компоненту Дата внутрь Сворачиваемой панели (рис.2)

рис.2 Добавление элемента Дата.

• Добавить внутрь Сворачиваемой панели компоненту Многострочное поле (рис.3)

рис.2 Добавление элемента Поле многострочного ввода.

• Добавить внутрь Сворачиваемой панели компоненту Денежное поле (рис.3)

рис.3 Добавление элемента Денежное поле.

2. Настройка элементов:

• НастройкаСворачиваемой панели, заполняем Заголовок. Как показано на рисунке (рис.4).

рис.4 НастройкаСворачиваемая панель

• Настройка поля Дата, заполняем Надпись. Как показано на рисунке (рис.5).

рис.5 Настройка Дата

• Настройка Поле многострочного ввода, заполняем Надпись. Как показано на рисунке (рис.6).

рис.6 НастройкаПоле многострочного ввода.

• Настройка Денежное поле, заполняем Надпись. Указываем количество знаков после запятой. Как показано на рисунке (рис.7).

рис.7 Настройка Денежного поля.

Результат выполнения задачи:

После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены и на странице отображается Сворачиваемая панель, включающий в себя необходимые поля. Сворачиваемая панель в свернутом состоянии рис.8. Сворачиваемая панель в развернутом виде рис. 9.**
**

рис.8 Визуальное отображение выполнения условий задачи

рис.9 Визуальное отображение выполнения условий задачи