Hi All,
Please find below script in written in HTML
<html>
<form>
<body height="500px;" style="background-color: yellow;" >
<table width="100%" border="1" cellpadding="0" cellspacing="0" style="background-color: #FFFFFF; border: 2 solid #0000C0">
<tr>
<td> first </td>
<td> second </td>
</tr>
<tr>
<td> three </td>
<td> four </td>
</tr>
</table>
</body>
</form>
</html>
When I run this HTML code it is dislaying yellow background in form and table is showing on top. When I do same thing in
JSF with following code
<f:view>
<h:form>
<body style="height:500px" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
<center>
<h:panelGrid width="100%" columns="2" border="0" columnClasses ="column1,column2" >
<center>
<h:outputText value="User Id:" />
<h:inputText id="userId" value="#{LoginValidation.loginname}" />
<h:outputText value=" " />
<h:commandButton value="Login" action="#{LoginValidation.CheckValidUser}" />
<h:outputText value="New User?" />
<h:commandLink value="Register Here" action="newuser" />
</center>
</h:panelGrid>
</center>
</body>
</h:form>
</f:view>
When I'm executing this script, it is not showing the hight which I mentioned in <body> tag, it is taking default height depending upon the values mentioned in <h:panelGrid>.
In case, if I give height in <h:panelGrid> then it is working fine.
Please help.
Thanks in advance.
Regards,
Sharath.