Skip to main content

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.

How to customize the log-out screen (6.1 SP2)

Suggest edit Updated on September 25, 2019

Summary

You need to customize the PRPC log-out screen to display images that are different from the images in your customized log-in screen. You are using PRPC 6.1 SP2 and have followed the procedure in How to customize the login screen (6.1), but, when you log out of PRPC, your custom log-out images do not appear.

Because PRPC forces a dependency between the log-in screen (Web-Login rule) and the log-out screen (Web-Session-Return rule), custom images that you add are displayed in the log-out screen only if they are also in the log-in screen. This result is not what you want. The suggested approach takes into account this dependency and provides a way for you to add custom log-out images that are suppressed in the log-in screen.

Suggested Approach

To add custom images that appear in the log-out screen but are suppressed in the log-in screen, edit the Web-Login rule using the example shown here. Add the images to hidden controls in the log-in screen (Web-Login) so they can be used in the log-out screen (Web-Session-Return).

  1. Open your customized copy of the Web-Login rule for editing.
  2. In the style sheet section <style type="text/css">, define new entries for each image that you want to use in both log-in and log-out screens. For example:

.hiddenButton1
background-image: url(webwb/desktopimages/pxloginbackgroundNew.jpg);
width: 0px;
height: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
visibility: hidden;

.hiddenButton2
background-image: url(webwb/desktopimages/pxLoginButtonNew.jpg);
width: 0px;
height: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
visibility: hidden;

.hiddenButton3
background-image: url(webwb/desktopimages/pxLogoutBackgroundNew.jpg);
width: 0px;
height: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
visibility: hidden;

  1. In the body of the HTML, add buttons for the images that you specified in Step 2. For example:

<button class="loginButton" name="pyActivity=Code-Security.Login" type="submit" onClick="removeErrorMessage()" title="<pega:lookup property="pxRequestor.pyActionPrompt" value="Log in to PegaRULES." />" >
<span class="loginButtonText" ><pega:lookup property="pxRequestor.pyButtonLabel" value="Log In" /></span>
</button>
<button class="hiddenButton1" name="hiddenButton1" hidden="true" type="submit" />
<button class="hiddenButton2" name="hiddenButton1" hidden="true" type="submit" />
<button class="hiddenButton3" name="hiddenButton1" hidden="true" type="submit" />

After you make these changes to the Web-Login rule, you will be able to use the added images in the Web-Session-Return rule. The added images will appear in the log-out screen, but not in the log-in screen.

Additional Information

How to customize the login screen (6.1)
How to modify the splash image and log-in form
How to customize the login screen (V6.2 SP2)

Did you find this content helpful? YesNo

100% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

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