Skip to main content
This content is now archived and is no longer updated. Progress is not calculated. Pega Cloud instances are disabled, and badges are no longer awarded.

Reusing UI Gallery examples in an application

Pega Community logo

Note: The following content, referenced from Pega Community, is included here to help you better achieve the module learning objectives.

Accelerate application development with ready-to-use components from the UI Gallery landing page.

The UI Gallery provides sample, guardrail-compliant design patterns that follow best practices for delivering valuable user experience. You can use these components as reference when you create your own user interface, or copy them directly to your application for immediate reuse. For example, if you change the data source for the shopping cart design, you can use it in your application without further changes.
  1. In the header of Dev Studio, click Configure User Interface Gallery UI elements .

  2. In the Showcase or Available components section, select the element that you want to reuse.

    Note: You can return to the UI Gallery at any time by clicking the element name in the tab header, and then clicking Return to UI Gallery Overview.
  3. In the right sidebar, click View design-time configuration.

  4. On the section tab that opens, click Save as.

  5. In the New tab, in the Add to ruleset list, select the name and version of the ruleset that your application uses.

  6. Click Create and open.

Result: The UI component is now in your application ruleset. You can add it to your application as a saved section.

This Topic is available in the following Module:

We'd prefer it if you saw us at our best.

Pega Academy 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