Skip to main content

Creating non-autogenerated sections

Suggest edit
Updated on February 3, 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 check box.
      Note: Manually-edited HTML in sections can introduce complex, difficult-to-debug processing into your application. Clear this check box 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.
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.

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