Skip to main content

Table of Contents

Creating non-autogenerated sections


Only available versions of this content are shown in the dropdown

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 Create User Interface Section .

  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.

      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?

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.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us