Netweaver 7.3 Portal – Getting Started Part 3 – Logon Language and Login Module

 

 

8. For reference I have attached the code for logonPage.jsp:

 

<%@ page session=”false”%>
<%@ taglib uri=”/SapLogon” prefix=”sap”%>

<jsp:useBean id=”logonLocale”
class=”com.sap.engine.applications.security.logon.beans.ResourceBean”
scope=”request” />
<jsp:useBean id=”languages” class=”com.cts.logon.LanguagesBean” scope=”request”/>
<%
String webpath = (String) request
.getAttribute(“logon.application.real.path”);
%>

<%
//In case of NWBC we must deliver just the inner content without any frame around it.
//No margins to the left and top of the page is required as well.
//See sap_user_agent.txt about details for distinguishing nwbc
boolean isRTLMode = false;
boolean uiFrameVisible = true;
String uiFrameAllign = “center”;
String uiFrameTopMargin = “margin-top:50px;”;
%>
<%@ include file=”/sap_user_agent.txt”%>

<table id=”tblFrmUI” width=”790px” valign=”middle” dir=”ltr”
align=”<%=uiFrameAllign%>” cellPadding=”0″ cellSpacing=”0″
style=”background-color:#ffffff;<%=uiFrameTopMargin%>” _mce_style=”background-color: #ffffff;”>
<%
if (uiFrameVisible) {
%>
<tr>
<td><img src=”<%=webpath%>layout/lf_tl.png” _mce_src=”<%=webpath%>layout/lf_tl.png” width=”29″
height=”32″></td>
<td background=”<%=webpath%>layout/lf_st.png”></td>
<td><img src=”<%=webpath%>layout/lf_tr.png” _mce_src=”<%=webpath%>layout/lf_tr.png” width=”27″
height=”32″></td>
</tr>
<%
}
%>
<tr>
<%
if (uiFrameVisible) {
%>
<td background=”<%=webpath%>layout/lf_sl.png”></td>
<%
}
%>
<td width=”100%”>
<%
if (isRTLMode) {
%>
<table id=”tblInnerCnt” dir=”rtl” cellpadding=”0″ cellspacing=”0″>
<%
} else {
%>
<table id=”tblInnerCnt” dir=”ltr” cellpadding=”0″ cellspacing=”0″>
<%
}
%>
<tr>
<td valign=”top”>
<div class=”urBrandImage”><sap:brandimage type=”main” /></div>
</td>
<td width=”100%”></td>
<td>
<table height=”360px” cellPadding=”0″ cellSpacing=”0″>
<tr>
<td valign=”top”>
<div class=”urProductName”><sap:brandimage type=”second” /></div>
</td>
</tr>
<tr>
<td valign=”top” align=”left”>
<div class=”urLogonData”><!– data table starts after this line –>
<sap:form type=”logon”>
<%
if (isRTLMode) {
%>
<input type=”hidden” name=”sap_rtl” value=”true”>
<%
}
%>
<table class=”urLogonTable” cellSpacing=”3px” cellPadding=”0″
valign=”top”>
<tr>
<td colspan=”3″>
<div class=”urMessageArea”><!– Federation Error Message –>
<sap:if display=”FederateUserWarning”>
<!– display error message if there is one –>
<div class=”urMsgBarStd” style=”” _mce_style=””><sap:errormsg
styleClass=”urTxtStd” imageClass=”urMsgBarImgWarning”
imageHeight=”12″ imageWidth=”12″ /></div>
</sap:if> <sap:if display=”errormsg”>
<!– display error message if there is one –>
<div class=”urMsgBarErr”><sap:errormsg
styleClass=”urTxtStd” imageClass=”urMsgBarImgError”
imageHeight=”12″ imageWidth=”12″ /></div>
</sap:if></div>
</td>
</tr>
<sap:if display=”selfreg”>
<!– display self-registration link if supposed to do so –>
<tr>
<td colspan=”3″><sap:link type=”selfReg”
linkClass=”urLnk” textClass=”urTxtStd”
infoTextClass=”urLblStdBar” /></td>
</tr>
</sap:if>
<!– userid –>
<tr>
<td><sap:label type=”username” styleClass=”urLblStdNew”
flagReqClass=”urLblReq” /></td>
<td><sap:input type=”username” styleClass=”urEdfTxtEnbl”
style=”width:170px” /></td>
<td width=”100%”> </td>
</tr>
<!– password –>
<tr>
<td><sap:label type=”password” styleClass=”urLblStdNew”
flagReqClass=”urLblReq” /></td>
<td><sap:input type=”password” styleClass=”urEdfTxtEnbl”
style=”width:170px” /></td>
<td> </td>
</tr>

<!– Language Option –>
<tr>
<td><label class=”urLblStdNew” for=”preferredlanguage”><nobr><%=logonLocale.get(“LANGUAGE”)%></nobr></label>
</td>
<td>
<select id=”ume.logon.locale” style=”width: 170px” _mce_style=”width: 170px;”
name=”ume.logon.locale” class=”urDdlWhl” size=1>
<option value=”” selected=”selected”><%=logonLocale.get(“PLEASE_SELECT”)%></option><%=languages.getHtmlOptions((logonLocale != null)? logonLocale.getLocale().getLanguage(): “-“)%>
</td>
<td> </td>
</tr>

<!– create certificate –>
<sap:if display=”createcert”>
<tr>
<td><sap:label type=”createcert”
styleClass=”urLblStdNew” flagReqClass=”urLblReq” /></td>
<td><sap:input type=”createcert” /></td>
<td> </td>
</tr>
</sap:if>
<!– Federate User checkbox –>
<sap:if display=”FederateUserChkBox”>
<!– display checkbox if a user account federation is required –>
<tr>
<td><sap:label type=”FederateUserCheckbox”
styleClass=”urLblStdNew” /></td>
<td><sap:input type=”FederateUserCheckbox” /></td>
<td> </td>
</tr>
</sap:if>
<tr>
<td> </td>
<td align=”right”><!– logon button –> <sap:button
type=”logon” styleClass=”urBtnStdNew” /> <sap:if
display=”DisplayCancelButton”>
<!– display cancel button incase of SP initiated SSO –>
<sap:button type=”cancelIdPLogon” styleClass=”urBtnStdNew” />
</sap:if></td>
<td> </td>
</tr>
<!– link to certificate logon –>
<sap:if display=”CertLogonLink”>
<tr>
<td align=”left” colspan=”3″><sap:link type=”certlogon”
linkClass=”urLnk” textClass=”urTxtStd” /></td>
</tr>
</sap:if>
<!– logon help –>
<sap:if display=”LogonHelpLink”>
<tr>
<td align=”left” colspan=”3″><sap:link type=”logonhelp”
linkClass=”urLnk” textClass=”urTxtStd”
infoTextClass=”urLblStdBar” /></td>
</tr>
</sap:if>
</table>
</sap:form> <!– data table ends before this line –></div>
</td>
</tr>
<tr>
<td valign=”bottom”>
<div class=”urCopyrightFrame”>
<div class=”urCopyrightText”><%=logonLocale.get(“COPY_RIGHT”)%></div>
<div class=”urCopyrightImage”><img
src=”<%=webpath%>layout/sap_logo.png” _mce_src=”<%=webpath%>layout/sap_logo.png”
alt=”<%=logonLocale.get(“SAPAG”)%>”
title=”<%=logonLocale.get(“SAPAG”)%>” width=”55″ height=”27″></div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<%
if (uiFrameVisible) {
%>
<td background=”<%=webpath%>layout/lf_sr.png”></td>
<%
}
%>
</tr>
<%
if (uiFrameVisible) {
%>
<tr>
<td><img src=”<%=webpath%>layout/lf_bl.png” _mce_src=”<%=webpath%>layout/lf_bl.png” width=”29″
height=”32″></td>
<td align=”center” background=”<%=webpath%>layout/lf_sb.png”><span
class=”clip”><img src=”<%=webpath%>layout/lf_clip.png” _mce_src=”<%=webpath%>layout/lf_clip.png”
width=”298″ height=”32″></span></td>
<td><img src=”<%=webpath%>layout/lf_br.png” _mce_src=”<%=webpath%>layout/lf_br.png” width=”27″
height=”32″></td>
</tr>
<%
}
%>

</table>

<mce:script type=”text/javascript”><!–

var docDir = document.dir;
if(docDir==”rtl” || docDir==”RTL”){
var elTableCnt = document.getElementById(“tblInnerCnt”);
if(elTableCnt!=undefined){
elTableCnt.style.direction=”rtl”;
}
}
var isFormSubmitted = false;
if( document.forms ) {
document.forms[0].onsubmit=function(){
if( isFormSubmitted ) {
return false;
} else {
isFormSubmitted = true;
return true;
}
}
}
// –></mce:script>

9. Refer to the blog related with the Logon Page modification to know how to dpeloy and adjust the configuration to use your custom logon page.

10. Restart the server after Deployment.

 

 

Author: