Skip to main content


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

Styling your application

Updated on April 5, 2022

Learn about the themes and out-of-the-box tools that can help you visually customize your application.

  • CSShelper classes

    Rather than creating a new skin format, apply standard, predefined Cascading Style Sheet (CSS) helper classes to make a minor formatting change to a cell or dynamic layout. Using CSS helper classes saves development time, reduces maintenance by limiting the number of customized skin formats, and improves the consistency of the look and feel of you

  • Skins, Interfaces, & Templates landing page

    The Skins, Interfaces, & Templates landing page displays all the available skin rules for the current application. The landing page also shows portals in use by the current and built-on applications, their associated skins, and the access groups and operators that use them. You can open skins and portals from this page.

  • Skin rules

    Use the skin to specify the presentation of your content. You can style all presentation elements of your interface in the skin, including typography, borders, backgrounds, layouts, and UI placement and alignment. By defining presentation attributes in the skin, you separate the content that is defined in sections and harnesses from its presentati

  • Updating the UI Kit in your application

    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.

  • Customizing fonts for your Pega application

    Pega Platform™ supports importing web fonts for use in your Pega application.

  • Customizing login screens for your Pega application

    Your Pega application uses several rules that correspond to each screen accessed by unauthenticated operators (users who have not logged in). Pega Express allows you to customize these screensincluding the login screen, authentication screen, logout screen, and other screensthrough their source HTML and custom cascading style sheets (CSS).

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