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
*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:*
8 Comments
