Skip to main content

Learning about design templates

Suggest edit Updated on December 13, 2021
Applicable to Theme UI-Kit applications

Design templates are reusable patterns that provide form and function for your user interface. Each template includes predefined areas to which you can add application content. By applying design templates to UI sections, you achieve consistency across your application, shorten development time, and reduce maintenance efforts.

Template-based sections

Design templates consist of a layout and named regions. When you create a new section, you can specify the design template for the section, and then insert your content, for example, fields or other reusable sections, into the regions.

When you update the content of a design template, any section that uses that design template is automatically rebuilt when you generate your application. Similarly, when you switch the design template on which a section is based to another template, the section is automatically rebuilt with the new template. In this way, you reduce maintenance to a minimum because when you need to change the interface, you only need to adjust several templates instead of a large number of individual sections.

Design templates and rulesets

Design templates are rules that you can store in rulesets, which affects how they function. As rules, you can also version design templates, save them in branch rulesets, and so on.

When you develop a UI with the use of design templates, consider the following points:

  • If a design template is in an application ruleset, the design template can support only sections in the application ruleset, or in branch rulesets of the same application.

  • If a design template includes rules from branch rulesets, such as binary files, you cannot apply that design template to a section that you create in the application ruleset in App Studio. In such a scenario, the rule (the binary file) is unavailable.

  • If a design template of a section is part of a specialized ruleset, you cannot switch that design template to another template.

Did you find this content helpful? YesNo

Have a question? Get answers now.

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

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us