User Interface Overview (UI) | Section in Pega | Pega Tutorials

Introduction

Users interact with an application and perform tasks through user forms. A user form can be a data entry form in which users provide information for filing an insurance claim, a display of the legal terms and conditions users must accept before opening a bank account, or a list of bank account transactions during the past month.


In Pega, you build user forms with Sections. Sections group information and functionality by context and purpose. Inside a section, you organize UI elements with Layouts. Layouts contain rows and columns, defining a set of Cells. A cell can be empty or contain various fields and controls.

Sections

Sections use dynamic layouts that arrange items in a flexible form, automatically adjusting the screen size. Section rules generally use 2 types of layouts as,

                              1.Dynamic Layout

                              2.Repeating Layout

1.Dynamic Layout

A Dynamic Layout is a general-purpose layout used to organize a single set of fields. Dynamic layouts support responsive behavior to support use on multiple devices ( Computer, Tablet, Phone )