Skip to Content

Target Audience

SAP EP Developers to get an overview of how to customize the SAP Enterprise Portal Login Page

How does a Portal Login page look like

/wp-content/uploads/2013/10/1_289559.png

Things that we will customize

  1. SAP NetWeaver Image
  2. Company Logo/Branding Image
  3. Changing the text
  4. Changing the SAP Logo

          

Procedure

 

1) Download the com.sap.portal.runtime.logon par.bak file
from portal

    a) Goto>System Admin>Support>Portal Runtime>Browse Deployement

 

2) Save it on your local machine

3) Rename it to com.sap.portal.runtime.logon.zip

4) Extract the files while keeping the directory structure

5) Modify the appropriate files

6) Put modified files back into the PAR file

7) Deploy/Upload the new PAR file

  Customizing the SAP NetWeaver Image

  /wp-content/uploads/2013/10/2_289560.png

  Procedure

  1)Place the new image in the path dist>layout

  2) Goto umLogonTopArea.txt and change the image path from

  <img     src=”<%=com.sap.security.core.logonadmin.ServletAccessToLogic.getAbsoluteURL(webpath,secondImage)%>”
  alt=”Product” border=”0″>

   to

 

   <img src=”<%=webpath%>layout/new-image.jpg” alt=”Product” border=”0″>

   

   Customizing the Branding Image

 

   /wp-content/uploads/2013/10/3_289563.png  

   Procedure

  

  1. Place the new image in the path dist>layout

   2.  Go to umLogonTopArea.txt and change the image path from

  <img
  src=”<%=com.sap.security.core.logonadmin.ServletAccessToLogic.getAbsoluteURL(webpath,com.sap.security.core.imp.TenantFactory.getInstance().getLogonBrandingImage1(request))%>”alt=”Branding Image” border=”0″>

   to

   <img src=”<%=webpath%>layout/newbranding-image.jpg” alt=”Branding Image” border=”0″>

   

   Changing the text

   /wp-content/uploads/2013/10/4_289568.png

   Procedure

  1. For changing the User,Password and Login button text , Go to umLogonPage.jsp
  2. Change the following texts

   

    a) For User,change name=”<%=ILoginConstants.LOGON_UID_ALIAS%>“ to the name that you want to give.

    b) For Password,change name=”<%=ILoginConstants.LOGON_PWD_ALIAS%>” to the name that you want to give.

    c) For Logon ButtonText, Change name=”<%=SAPMLogonLogic.uidPasswordLogonAction%>“ to the text that you want to give.

    3. For changing the footer Copyright text, go to logonLabels_en.properties file

    4. Maintain the new text in COPY_RIGHT that you want to give
.

    Changing the SAP Logo

    /wp-content/uploads/2013/10/5_289571.png

    Procedure

  

  1. Place the new image in the path dist>layout

 

   2. Go to umLogonBotArea.txt

   3. Change the old image path to

   <div class=”urCopyrightImage”><imgsrc=”<%=webpath%>layout/new_logo.png”

   

   Adding/Accessing New Resources

   Depending upon required availability,two options:

  1. umLogonTop.txt or umLogonBot.txt for all jsp’s
  2. Include resource only in required jsp.

      To Include CSS file

      <%Iresource newstyle = componentRequest.getResource(Iresource.CSS,”newres/abc.css”)

      To Include Image:

      <img src=“<%=webpath%>newres/abc.gif”>

      To Include javascript file:

      <script language=“Javascript” src=“<%=webpath%>newres/abc.js”>

      </script>

To report this post you need to login first.

14 Comments

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

  1. SG Sg

    Hi Harshmeet,

    Actually this kind of work Basis people will do, But with the help of your blog i can also Do. 😉 😉

    Thanks For sharing.

    Regards,

    Giri

    (0) 
  2. Uday Kumar Kanike

    Hi Harshmeet,

           

    Nice blog..

    But Giri, why would basis person do coding part. Anything that involves code changes or modification of PAR files need to be done by developer.

    Thanks

    Uday

    (0) 
    1. Ramakrishnan Murugan

      Harshmeet,

      Thanks for your short and clear information.

      Giri/Uday, guess there are some teams who use BASIS team for downloading and deploying PAR files. Hope Giri would have tried to mention it:)

      Thanks,

      Ram

      (0) 
  3. Chandra V

    Hi Harshmeet,

    Good document for reference, but its more useful if you mention the Portal Version in header or in body, since Par files are not there in 7.31 and coding part also not the same. (taglibs on sap)

    thanks,

    mahe

    (0) 
  4. MALYADRI JWALA G

    ok gud document …but i want my picture and employee wise pictures when ever i click on ….. facing towards scrren in the pic tat person is writing over the screen is it possible …i know it is very critical ..if u know tellme

    (0) 
  5. Steffi Warnecke

    But please don’t elaborate here, instead create a new thread for that. 😉 The comments-section of a document is not the right place for this IMO.

    Regards,

    Steffi.

    (0) 
  6. Prathish Philip

    Dear Harmeet,

    i cannot see the below in my portal:

    1) Download the com.sap.portal.runtime.logon par.bak file
    from portal

        a) Goto>System Admin>Support>Portal Runtime

    (0) 
  7. Damayanthi Korada

    Due to missing some files in the Landscape we faced the issue in Login Page and it got resolved after manually transported those files to the new landscape.

    Thank you

    (0) 

Leave a Reply