cancel
Showing results for 
Search instead for 
Did you mean: 

Customizing Logon Page

Former Member
0 Kudos
127

Hi,

I was able to customize the logon page to my satisfaction except for one little detail. I would like the background color of the page to be white instead of gray. I am not able to figure out what file is calling

<body class="prtlBody urFontBaseFam urScrl">

I am guessing that this is what's over riding the umLogonTopArea.txt file. Any help or assistance would be most appreciated. Our environment is NW04 Stack 11.

Accepted Solutions (1)

Accepted Solutions (1)

Former Member
0 Kudos

Hi Kris

Did you try changing the authschemes.xml File

Regards

Rajeev.

Former Member
0 Kudos

yes

Former Member
0 Kudos

Hi Kris,

Modify the umLogonTopArea.txt.

<body class="urBdyStd" bgcolor="#FFFFFF" onLoad="setFocusToFirstField()">

Former Member
0 Kudos

here is our umLogonTopArea.txt. i already set that value.

<%if( inPortal ) { %>

<span id="UMELogon">

<script language="JavaScript">

if( window.EPCM != null )

{

EPCM.subscribeEvent( "urn:com.sapportals.portal:browser", "load", setFocusToFirstField );

}

</script>

<% } else { %>

<body class="urBdyStd" bgcolor="#FFFFFF" onLoad="setFocusToFirstField()">

<% } %>

<table valign="middle" align="center" border="0" cellspacing="0" style="margin-top:10">

<tr>

<td colspan="2" valign="Top" width="300" height="24" class="welcome">

<%=logonLocale.get("xtit_WELCOME")%>

</td>

</tr>

<tr>

<td colspan="2" valign="Top" >

<table border="1" bordercolordark="#BEBEBE" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0" bordercolorlight="#BEBEBE">

<tr>

<td style="padding-top:10px; padding-left:10px" align="left" valign="top" bgcolor="FFFFFF" bordercolor="#FFFFFF">

<!-- data table starts after this line -->

Former Member
0 Kudos

Hi Kris,

The changes look fine to me. I think your logon page is cached on the server. restart the j2ee and it should reflect your new changes.

Former Member
0 Kudos

restarted and still no luck. perplexed:-(

Former Member
0 Kudos

here is a snap of our page and what i am trying to change. perhaps this will help...

http://www.lamson-sessions.com/images/Homepage.jpg

Former Member
0 Kudos

Hi Kris,

Right after the body tag that i had specified earlier in the umLogonTopArea.txt file, u will see a table tag starting. give the bgcolor="#FFFFFF" property to that tag and try. It might work.

In your file change:

<table valign="middle" align="center" border="0" cellspacing="0" style="margin-top:10">

to

<table valign="middle" align="center" border="0" bgcolor="#FFFFFF" cellspacing="0" style="margin-top:10">

Ranjith

Former Member
0 Kudos

Hi Kris,

Look for #E9E9E9 in umLogonPage.jsp, umlogonTopArea.txt and umLogonBotArea.txt . Replace it with #FFFFFF. This might solve your problems.

prakash

Former Member
0 Kudos

did that... but no luck. if i view the source code of the logon page when it is loaded... the body attribute is the following:

<body class="prtlBody urFontBaseFam urScrl">

any idea where this is getting loaded from??

-


<html><head><LINK REL=stylesheet HREF="/irj/portalapps/com.sap.portal.design.portaldesigndata/themes/portal/com.lamsonlink.LINK/LINK/glbl/glbl_ie6.css?6.0.11.0.3">

<LINK REL=stylesheet HREF="/irj/portalapps/com.sap.portal.design.urdesigndata/themes/portal/com.lamsonlink.LINK/LINK/ur/ur_bdy_prtl_ie6.css?6.0.11.0.3">

<LINK REL=stylesheet HREF="/irj/portalapps/com.sap.portal.design.portaldesigndata/themes/portal/com.lamsonlink.LINK/LINK/prtl_std/prtl_std_ie6.css?6.0.11.0.3">

<!-- EPCF: BOB Core -->

<META http-equiv="Content-Script-Type" content="text/javascript">

<SCRIPT src="/irj/portalapps/com.sap.portal.epcf.loader/script/standard/js13_epcf.js?6.0716"></SCRIPT>

<SCRIPT>

<!--

EPCM.relaxDocumentDomain();

EPCM.init( );

EPCM.DSM.init( );

function SAPWP_receiveSessInfo( sessInfo, frameRef ){

EPCM.DSM.processSession( sessInfo, frameRef );

}

//-->

</SCRIPT>

<!-- EPCF: EOB Core -->

<!-- HTML Business for Java, 60NW_VAL_REL, 118711, Thu Feb 10 22:05:04 EST 2005 -->

<!-- HTMLB: begin VARS -->

<script language="JavaScript">

ur_system = ;

</script>

<!-- HTMLB: end VARS -->

<title >SAP Enterprise Portal 6.0</title><meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"><link REL=STYLESHEET HREF="/irj/portalapps/com.sap.portal.design.urdesigndata/themes/portal/com.lamsonlink.LINK/LINK/ur/ur_ie6.css?6.0.11.0.3" TYPE="text/css" ><link REL=STYLESHEET HREF="/irj/portalapps/com.sap.portal.runtime.logon/css/logon.css" TYPE="text/css" ><link REL=STYLESHEET HREF="/irj/portalapps/com.sap.portal.runtime.logon/css/main2.css" TYPE="text/css" ></head><body class="prtlBody urFontBaseFam urScrl">

<!-- EPCF: Component com.sap.portal.runtime.logon.certlogon, gjnohmonhphckijhajpeghaeddfjggah -->

<!-- EPCF: Component com.sap.portal.runtime.logon.default, pmimenmhihknjaeenihdmpaeddfjggah -->

<!-- component context:com.sap.portal.runtime.logon.default-->

<!-- class: com.sapportals.portal.ume.component.logon.SAPMLogonComponent-->

<!-- trying to go to page umLogonPage-->

<!-- before including jsp resource umLogonPage.jsp-->

<script>

var inPortalScript = true;

</script>

<!-- Include epcm-event in order to make logon

in the portal more smooth-->

<script language="JavaScript">

EPCM.raiseEvent("urn:com.sapportals:navigation", "RefreshPortal", "");

</script>

<script language="JavaScript" src="/irj/portalapps/com.sap.portal.runtime.logon/js/basic.js"></script>

<script language="JavaScript">

function clearEntries() {

document.logonForm.longUid.value="";

document.logonForm.password.value="";

}

function setFocusToFirstField() {

myform = document.logonForm;

for(i=0; i<myform.length; i++) {

elem = myform.elements<i>;

if(elem.readOnly==false && elem.type=="text") {

elem.focus();

break;

}

}

}

</script>

<span id="UMELogon">

<script language="JavaScript">

if( window.EPCM != null )

{

EPCM.subscribeEvent( "urn:com.sapportals.portal:browser", "load", setFocusToFirstField );

}

</script>

<table valign="middle" align="center" border="0" cellspacing="0" style="margin-top:10">

<tr>

<td colspan="2" valign="Top" width="300" height="24" class="welcome">

Welcome

</td>

</tr>

<tr>

<td colspan="2" valign="Top" >

<table border="1" bordercolordark="#BEBEBE" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0" bordercolorlight="#BEBEBE">

<tr>

<td style="padding-top:10px; padding-left:10px" align="left" valign="top" bgcolor="FFFFFF" bordercolor="#FFFFFF">

<!-- data table starts after this line -->

<FORM name="logonForm" method="post" action="">

<input name="login_submit" type="hidden" value="on">

<input type="hidden" name="login_do_redirect" value="1" />

<input name="no_cert_storing" type="hidden" value="on">

<table border="0" width="301" height="100" align="left" cellspacing="0" valign="top">

<!-- display self-registration link if supposed to do so -->

<!-- display error message if there is one -->

<!-- no error message, display placeholder -->

<tr>

<td colspan="2" height="24"></td>

</tr>

<!-- userid -->

<tr>

<td width="161" height="20">

<label class=urLblStd for="logonuidfield">

User ID

<span class=urLblReq>&nbsp;*</span>

</label>

</td>

<td width="183" height="20">

<input style="WIDTH: 21ex" class="urEdfTxtEnbl" id="logonuidfield" name="j_user" type="text" value="">

</td>

</tr>

<!-- password -->

<tr>

<td width="161" height="20">

<label class=urLblStd for="logonpassfield">

Password

<span class=urLblReq>&nbsp;*</span>

</label>

</td>

<td width="183" height="20">

<input style="WIDTH: 21ex" class="urEdfTxtEnbl" id="logonpassfield" name="j_password" type="password">

</td>

</tr>

<!-- authentication scheme -->

<input name="j_authscheme" type="hidden" value="default">

<!-- space above buttons -->

<tr>

<td colspan="2" height="20">&nbsp; </td>

</tr>

<!-- logon button -->

<tr>

<td colspan="2">

<input style="height:3ex;" class="urBtnStd" type="submit" name="uidPasswordLogon" value="Log on">

</td>

</tr>

<!-- link to certificate logon -->

<!-- logon help -->

</table>

</form>

<!-- data table ends before this line -->

</td>

<td bordercolor="#FFFFFF" >

<table border=0 cellspacing=0 cellpadding=0>

<tr><td>

<img src="/logon/layout/branding-image.jpg" alt="Branding Image" border="0"></td>

</td>

</tr>

<tr>

<td bordercolor="#FFFFFF" >

<img src="/logon/layout/branding-text.gif" alt="" border="0">

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<TR>

<TD border=0 width="100%" align="left">&nbsp;</td>

</tr>

</table>

<!-- after including jsp resource umLogonPage.jsp-->

<!-- EPCF: BOB BODY -->

<DIV style="DISPLAY:none">

<FORM name="DSMSendera8b4812db30918081b2d5704335af8d3" action="" method="POST" target="" >

<input type="hidden" name="TermString">

<input type="hidden" name="SerPropString">

<input type="hidden" name="SerKeyString">

<input type="hidden" name="LogoffMode">

<input type="hidden" name="Autoclose">

<input type="hidden" name="LogTerm">

</FORM>

</DIV>

<!-- EPCF: EOB BODY -->

</body></html>

Former Member
0 Kudos

Kris,

When you export your package, give it a different name but then you have to change the authschemes.xml. This is all i can suggest.

Former Member
0 Kudos

ok i will give that a try. thanks for all your suggestions.

Former Member
0 Kudos

Keep in mind that when both CLASS and BGCOLOR attributes

are specified for the BODY (TABLE/TD/etc.) tag, CLASS takes

over, that is why it might be an option to remove it and

to leave BGCOLOR only. Then it should work.

Another option is to add a new table with 100% width and

height and white bgcolor, which will contain ALL the

content of the page.

Former Member
0 Kudos

i removed the class tags and still no luck. when you suggest adding another table that holds all the contents of the page, which page would you add that to?

umLogonPage.jsp?

thanks for your response.

Kris

bjorn-henrik_zink
Active Participant
0 Kudos

Hi,

as you can see at the beginning of the html page there are links to .css files

/LINK REL=stylesheet HREF="/irj/portalapps/com.sap.portal.design.urdesigndata/themes/portal/com.lamsonlink.LINK/LINK/ur/ur_bdy_prtl_ie6.css?6.0.11.0.3">

As you might also can see, the first.css file is a reference to the default theme that you have choosen in your default portal desktop. If you simply want to change the background color of your login page, then you should do the following:

1. Create a theme with the background color of your choice (or if applicable use one of the other standard sap themes)

2. Add your theme to a portal desktop

3. Set the theme as default

4. Update your main_rule to refer to the new portal desktop as default.

I hope it helps.

Cheers,

Elvez

Former Member
0 Kudos

Elvez

THANK-YOU! you are awesome. problem solved.

Kris

Former Member
0 Kudos

Elvez,

I don't know if you are still informed of updates to this thread.

I didn't understand your 4th point..

4. Update your main_rule to refer to the new portal desktop as default.

What do you mean by "portal desktop as default"? I only know that main_rule would have just IF and THEN and nothing can be made default.

I have the same problem. Although my default theme is called "defaulttheme", my logon screen looks different and the css refers to "sap_tradeshow" instead of "defaulttheme" as under

<LINK REL=stylesheet href="https://answers.sap.com/irj/portalapps/com.sap.portal.design.portaldesigndata/themes/portal/sap_tradeshow/glbl/glbl_ie6.css?6.0.16.0.0">

Do you know how I can change that?

Thanks,

Kiran

Former Member
0 Kudos

Will you please clarify how you perform the 4th step to update the main rule since the user is not logged on when viewing the login page.

Answers (2)

Answers (2)

Former Member
0 Kudos
Former Member
0 Kudos

Hi Kris,

In umLogonTopArea.txt file you will see the line:

<body class="urBdyStd" bgcolor="#F7F9FB" onLoad="setFocusToFirstField()">

Here try changing the bgcolor property to #FFFFFF. It might work.

Ranjith

Former Member
0 Kudos

tried the change and it did not work. but thanks for the suggestion.

Former Member
0 Kudos

very familiar with this link. this is the help guide i used to modify the page. unfortunantly it does not provide my answer. thanks for repsonding though.