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.