1 Reply Latest reply on Jan 14, 2011 5:34 PM by Ilya Sorokoumov

    layout and positon of rich:panel

    techless brainless Newbie

      Hi All,


      I am working with jsf ( using richfaces component) , trying to create a login page using rich panel , i want this rich panel not to be in full page width

      ( width with only 50% and the panel to be in the center of the page )


      I have the following code :



      <rich:panel id="loginPanel" header="#{messages.loginPage}">



              <h:panelGrid columns="2" width="50%">


                      <rich:layoutPanel position="center" width="50%">


                          <h:outputLabel value="Login Id" />

                          <h:inputText required="true" value="#{validationBean.id}"

                              requiredMessage="can not be empty" id="idd" />

                          <h:outputLabel value="Password" />

                          <h:inputSecret required="true" value="#{validationBean.password}"

                              requiredMessage="can not be empty" />







              <h:commandButton value="Login" action="#{validationBean.enter}" />


          <h:messages id="error" style="color:red;" />





      but the above is not producing a panel with width 50% of page and it is not at the center of the page


      any suggestion