You use a layout group to present closely related information with accordion, menu, stacked, or tab navigation mechanisms. You can create a templated region that is based on a layout group. You might do this if users need to add, reorder, or remove tabs from screens at run time in App Studio.
For information about regions in templates and forms, search for the article Section preview shows changes in real time for templated sections on Pega Community.
In the navigation panel, click.
From the list of section instances, open a section that is based on a design template (a templated section) and click Convert to full section editor to make all editing options available.
On the Settings tab of the Section form, select the Allow Section to be edited at runtime check box.
Before you can create a templated region, you must configure an empty dynamic layout control by completing the following steps:
On the Settings tab, select the Design template option and specify a template icon.
Click the Design tab and, if an empty dynamic layout does not currently exist, drag Dynamic layout from the Structural list onto the section.
In the header of the empty dynamic layout control, click the View properties icon.
On the Section properties panel, select the Use as template region check box, specify a name in the Region name field, and click Submit.
On the Design tab of the Section form, drag Layout group from the Structural list onto the empty dynamic layout control.
In the Choose layout-group format dialog box, select the format (for example, Tab or Accordion ), and click OK.
Users can change this format at run time in App Studio.
On the Design tab of the Section form, in the header of the layout group control, click the View properties icon.
On the Layout group properties panel, select the Use as template region check box, specify a name in the Region name field, and click Submit.
Confirm that the word Region is displayed in the header of both the dynamic layout control and the layout group control and click Save on the Section form.
- Creating a layout group
Optimize the screen area by using a Layout group to arrange information into orderly segments.