Table of Contents

Article

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

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)

Published April 11, 2012 — Updated June 16, 2017


100% found this useful

Have a question? Get answers now.

Visit the Pega Support Community to ask questions, engage in discussions, and help others.