Styling your application
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).