0 Replies Latest reply on Nov 14, 2006 12:11 AM by Yogesh

    Stylesheet problem in Login Form

    Yogesh Novice

      Hi All,
      I am trying to have JAAS configured for a basic application using SEAM, Hibernate, Ajax and Facelet....

      As recommended by folks from the SEAM forum, i implemented the login form using an html form within a pre defined template. This template is correctly rendered when used with other pages but i cannot figure out why the CSS is being commented out in the login form only.



      This is the source as displayed by IE:

      
      <?xml version="1.0" encoding="utf-8"?>
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <title></title>
      
      <style type="text/css" media="all"><!--
      
       @import "style/default/screen.css";
       @import "style/default/financialstatementprogress.css";
       @import "style/default/overviewInfo.css";
       @import "style/default/questionnaireheader.css";
       @import "style/default/groupHierarchy.css";
       @import "style/default/groupAndQuestions.css";
      
      --></style>
      
      </head>
      
      <body id="pgMainMenu">
      
       <div id="document">
       <div id="header"><span>Banner Goes Here</span></div>
      
      
       <div id="container">
      
       <div class="formContainer">
      
       <form action="j_security_check" method="post">
       <label for="j_username">Username</label>
       <input type="text" name="j_username" />
       <br />
      
       <label for="j_password">Password</label>
       <input type="password" name="j_password" />
      
       <br />
       <input type="submit" value="Login" id="Submit" />
       </form>
      
      
       </div>
       </div>
      
       <div id="footer">
       <hr />
       Footer Goes here ....
      
       </div>
      
       </div>
      
      
      
      </body>
      </html>
      
      



      This is my login.xhtml:
      
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml"
       xmlns:s="http://jboss.com/products/seam/taglib"
       xmlns:ui="http://java.sun.com/jsf/facelets"
       xmlns:f="http://java.sun.com/jsf/core"
       xmlns:h="http://java.sun.com/jsf/html"
       xmlns:si="http://sourceforge.net/projects/easysi"
       xmlns:t="http://myfaces.apache.org/tomahawk">
      
      <head>
       <f:loadBundle basename="messages" var="msgs" />
       <title></title>
      
      
      
      </head>
      
      <body>
      
      <ui:composition template="/template.xhtml">
      
       <ui:define name="topnav">
       <!--Navigation bar is not displayed in login page -->
       </ui:define>
      
       <ui:define name="container">
      
       <div class="formContainer">
      
       <form action="j_security_check" method="post">
       <label for="j_username">#{msgs.Username}</label>
       <input type="text" name="j_username" />
       <br />
      
       <label for="j_password">#{msgs['Password']}</label>
       <input type="password" name="j_password" />
      
       <br />
       <input type="submit" value="#{msgs['LoginButton']}" id="Submit" />
       </form>
      
      
       </div>
      
       </ui:define>
      
      
      </ui:composition>
      </body>
      </html>
      
      
      



      An my template.xhtml is as follows:
      <?xml version="1.0" encoding="utf-8"?>
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml"
       xmlns:ui="http://java.sun.com/jsf/facelets"
       xmlns:h="http://java.sun.com/jsf/html"
       xmlns:f="http://java.sun.com/jsf/core">
      <head>
       <f:loadBundle basename="messages" var="msgs" />
       <f:loadBundle basename="settings" var="settings" />
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <title></title>
      
      <style type="text/css" media="all">
       @import "style/default/screen.css";
      </style>
      
      </head>
      
      <body id="pgMainMenu">
      
       <f:loadBundle basename="messages" var="msg"/>
      
       <div id="document">
       <ui:insert name="banner">
       <div id="header"><span>#{msg.BannerText}</span></div>
      
       </ui:insert>
      
      
       <ui:insert name="topnav">
       <div id="nav">
       <ui:include src="/menu.xhtml" />
       </div>
       </ui:insert>
      
      
       <div id="container">
       <ui:insert name="container">
       Content goes here ...
       </ui:insert>
       </div>
      
       <div id="footer">
       <ui:insert name="footer">
       <hr/>
       #{msg.FooterText}
       </ui:insert>
      
       </div>
      
       </div>
      
      
      
      </body>
      </html>
      
      
      




      In my web.xml, i had the following configs to specify the login form i want to use:
       <login-config>
       <auth-method>FORM</auth-method>
       <form-login-config>
       <form-login-page>/login.seam</form-login-page>
       <form-error-page>/login_errors.html</form-error-page>
       </form-login-config>
       </login-config>
      
      




      Is there any missing configs or is there something missing for the CSS to be correctly rendered ??

      Thnx for the help.


      Regards,
      Jankee Yogesh
      http://www.m-itc.net