LinkedIn
Copied!

Table of Contents

Creating non-autogenerated sections

Version:

Only available versions of this content are shown in the dropdown
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 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.