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 screens—including the login screen, authentication screen, logout screen, and other screens—through their source HTML and custom cascading style sheets (CSS).

You might want to edit your application login screen to display a new logo or background image for your application, to maintain design consistency according to your enterprise style guide, or to change the single sign-on button appearance.

To edit the source markup language to customize your login screens, see the following topics:

• Editing the source HTML of your login screen
• Editing the text rules that contain the source CSS for login screens
• Adding a new background image to your login screen

• unauthenticated ruleset

  After you create an authentication service, you must associate a Browser requestor and Pega application with an unauthenticated Access Group and ruleset to synchronize customizations of your login screens with your application.

• Editing the source HTML of your login screen

  Your Pega application uses several rules that form the source markup HTML and CSS of your login screens. To customize these login screens, you can add your own HTML structure, CSS elements, or background images to the source fields in each of their respective HTML and Text rules.

• Adding a new background image to your login screen

  You can integrate a custom background image into your Pega application login screen HTML through a binary file.