Skip to main content

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

This content has been archived and is no longer being updated.

Links may not function; however, this content may be relevant to outdated versions of the product.

Updating the UI Kit in your application

Updated on April 5, 2022

Ensure that your application includes a modern, responsive, and consistent UI by updating the out-of-the-box UI Kit layer in your application stack.

UI Kit provides a ready-made application interface that reflects the latest design trends and Pega Express capabilities. When you create a Classic application, the latest version of UI Kit is included in the application stack. When you upgrade to a newer version of Pega Express, you can keep your previous version of the UI Kit layer or you can replace it with the most recent version.

Note: Updates to later UI Kit versions might require development effort. For example, after an update, the styling or behavior of your application might change, which requires you to refactor and modify some of your custom CSS and sections from your current UI Kit to be in sync with the updated UI Kit.
  1. In the header of Dev Studio, click the name of the application, and then click Definition.

  2. In the Built on applications section, click Add application.

  3. In the new row, enter UIKit, and then select the latest version by pressing the Down arrow key.

  4. Next to the previous version of UI Kit, click the Delete icon.

  5. Click Save.

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. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us