Skip to main content


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

Creating non-autogenerated sections

Updated on December 13, 2022
Applicable to Theme Cosmos applications

Create non-autogenerated sections with custom scripts to supplement the standard Pega Platform JavaScript with extra functionalities. For example, you can add custom client-side validation scripts to your section.

  1. In the header of Dev Studio, click CreateUser InterfaceSection.
  2. On the Create Section tab, specify the label, context, class, and ruleset for the section, and then click Create and open.
  3. If the section is based on a template, in the section editor header, click convert to full section editor, and then confirm the conversion.
  4. On the HTML tab, define the section:
    1. Clear the Auto-generated checkbox.
      Note: Manually-edited HTML in sections can introduce complex, difficult-to-debug processing into your application. Clear this checkbox only when necessary. Avoid manually-edited HTML in sections when other approaches can achieve the same result. For more information, see Sections.
    2. In the HTML source field, enter your custom HTML code or JavaScript for the new section.
  5. Click Save.

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