Skip to Content

In almost every implementation we have come across the requirement to customize the Login Screen of the Portal. This blog gives a detailed explanation of the complete end to end configurations involved along with the code to make the Portal Login screen look similar to Google accounts page.

Standard Portal Login Screen

image

*Procedure: The steps for customizing the Portal Login Screen are given below. </p><p>1. Download the standard PAR</p><p>1.1   Login to Portal with Admin Role.  >> System Administration > Support</p><p>1.2   Go to Portal Runtime >> Administration Console >> Browse Deployment and download the standard Login PAR file. (com.sap.portal.login.par) </p><p> </p><p>2. Customization procedure*    

2.1   Import the PAR into NWDS.

2.2   Import the following library files into the project

·         com.sap.portal.runtime.logon_api.jar

·         umelogonbase.jar

2.3   Go to PORTAL-INF >> umLogonPage.jsp  

The Login page contents are available in the listed .txt files which are   included in the umLogonPage.jsp. Edit the JSP page by adding the below given code.

Edit the umLogonPage.jsp, umTopArea.txt and umContentArea.txt files based on branding requirements. (If you intend to have a similar look & feel as shown beow, then simply use the html code of Google accounts login page)

2.5   Copy your images in the project folder /dist/images and change the image names in the above HTML pages.

2.6   Save and deploy the project with Customer namespace (com.customername.portal.login.par)3.7    Download the XML file and rename it as authschemes_custom.xml.    

3.8    In authschemes_custom.xml, replace all the occurrences of the string, com.sap.portal.runtime.logon with *com.customername.portal.runtime.logon (Deployed PAR name in Step 2.6) *in the tag <frontendtarget>* *    

3.9    Save the file and place it in the Server path: home>

epadm   </p><p>3.10  Create new node in the configuration tree.</p><p>·         Select the node com.sap.security.core.ume.service</p><p>·         Choose the symbol for Crete a node below the selected node ()  </p><p>3.11 Select the type File Entry     </p><p>3.12 Choose Upload and select the file from your local directory     </p><p>3.13 Enter the name for Entry.     </p><p>3.14 Choose create.     </p><p>3.15 Choose Close Window. The new node appears in the configuration tree.      </p><p>3.16 In the tree, navigate to cluster_data => Server => cfg => Services </p><ul style=”margin-top: 0in;”><li class=”MsoNormal” style=”margin: 0in 0in 0pt; tab-stops: list .5in;”>Double click on propertysheet com.sap.security.core.ume.service</li><li class=”MsoNormal” style=”margin: 0in 0in 0pt; tab-stops: list .5in;”>Click on the property for login.authschemes.definition.file</li><li class=”MsoNormal” style=”margin: 0in 0in 0pt; tab-stops: list .5in;”>Enter authschemes_custom.xml and click on Apply.</li></ul><p>  </p><p class=”MsoNormal” style=”margin: 0in 0in 0pt;”>3.17 Restart the nodes in the cluster for the changes to take effect.</p><p class=”MsoNormal” style=”margin: 0in 0in 0pt;”> </p><p class=”MsoNormal” style=”margin: 0in 0in 0pt;”>Result:*

!https://weblogs.sdn.sap.com/weblogs/images/251753955/Loginpage.JPG|height=406|alt=image|width=700|src=https://weblogs.sdn.sap.com/weblogs/images/251753955/Loginpage.JPG|border=0!</body>

To report this post you need to login first.

8 Comments

You must be Logged on to comment or reply to a post.

  1. Portal User
    Hi,

    Its really a very nice blog which covers all the configuration steps. But tell me one thing , is it really required to create a custom Authschmes.xml file.

    (0) 
    1. Santhosh Lingaraju Post author
      – As per the SAP best practices, its always better to create a custom authschemes.xml file and refer the same in the property files instead of modifying the standard as switching back will be a bit messy in that case.

      Regards,
      Santhosh

      (0) 
  2. Boobalan S
    Hi,

    The Blog is very helpful for any portal consultant who just do know how to change the initial page. The step wise procedure is neatly explained.

    I think if there is some more explanation of embedding the new portal page code it will be more helpful. Is there any other specific code which has to be incorporated etc.

    This is neatly written with clear steps & good english.

    Regards,
    Boobalan.
    SAP PLM/ESS Consultant.

    (0) 
  3. Harish RV
    Hi,

    Great work.Much awaited blog.
    Clearly explained and simple too.

    Keep posting such helpful blogs.


    Harish RV
    SAP EP Consultant

    (0) 
  4. Lalit Singh
    Dear Santosh,

    This is really a good work.

    I want to learn login-page branding without affecting other users.
    so can we do it locally ie that takes effect only on my PC.

    (0) 

Leave a Reply