Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Creating a templated region based on a layout group

Updated on November 15, 2021
Applicable to Theme UI-Kit applications

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.
  1. In the navigation panel, click RecordsUser InterfaceSection.
  2. 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.
  3. On the Settings tab of the Section form, select the Allow Section to be edited at runtime check box.
  4. Before you can create a templated region, you must configure an empty dynamic layout control by completing the following steps:
    1. On the Settings tab, select the Design template option and specify a template icon.
    2. Click the Design tab and, if an empty dynamic layout does not currently exist, drag Dynamic layout from the Structural list onto the section.
    3. In the header of the empty dynamic layout control, click the View properties icon.
    4. On the Section properties panel, select the Use as template region check box, specify a name in the Region name field, and click Submit.
  5. On the Design tab of the Section form, drag Layout group from the Structural list onto the empty dynamic layout control.
  6. 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.
  7. On the Design tab of the Section form, in the header of the layout group control, click the View properties icon.
  8. 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.
  9. 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.
Result: At run time in App Studio, users can add sections to an instance of the layout group, drill into a tab's content, modify tabs, or remove tabs.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us