Skip to main content


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

Creating custom modal dialog box templates

Updated on November 15, 2021
Applicable to Theme UI-Kit applications

You can customize the modal dialog box by altering the color, corner shapes, and other settings in the skin. You can save these settings by customizing the modal dialog box templates and saving them as a section.

You can create customized modal dialog box templates by overriding the following templates:

  • pzModalTemplate - General template for the modal dialog box
  • pzGridModalTemplate - Template for modal dialog boxes for Grid, Tree, Tree Grid layouts
  1. In Dev Studio, search for the standard modal dialog box template that you want to customize.
  2. Open the modal dialog box template.
  3. Click Save as.
  4. Enter a description for the template in the Label field.
  5. Select the branch from the Development branch menu.
  6. Select the class where the template will be used from the Apply to menu.
  7. Select the ruleset from the Add to Ruleset menu.
  8. Click Create and open.

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