1 Reply Latest reply on Sep 9, 2009 12:31 PM by Mostafa Mahdieh

    right alignment with richpanel

    Mostafa Mahdieh Newbie

      I'm using a rich:panel component in a jsf page. I want the panel and all components in it to be aligned to the right of the page. I tried putting align="right" and dir="rtl" in different tags, but that didn't work. Any idea?
      Here's the code:

      <!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <ui:composition 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:a="http://richfaces.org/a4j"
       xmlns:rich="http://richfaces.org/rich"
       template="layout/template.xhtml">
      
      <ui:define name="body">
      
       <h:form id="user" styleClass="edit">
      
       <rich:panel>
       <f:facet name="header"> #{messages.edituser} </f:facet>
      
       <s:decorate id="addressField" template="layout/edit.xhtml">
       <ui:define name="label">#{messages.address}</ui:define>
       <h:inputTextarea id="address"
       cols="80"
       rows="2"
       value="#{userHome.instance.address}"/>
       </s:decorate>
      
      
       <s:decorate id="emailField" template="layout/edit.xhtml">
       <ui:define name="label">#{messages.email}</ui:define>
       <h:inputText id="email"
       required="true"
       size="32"
       maxlength="32"
       value="#{userHome.instance.email}">
       <a:support event="onblur" reRender="emailField" bypassUpdates="true" ajaxSingle="true"/>
       </h:inputText>
       </s:decorate>
      
      
       <s:decorate id="nameField" template="layout/edit.xhtml">
       <ui:define name="label">#{messages.name}</ui:define>
       <h:inputText id="name"
       required="true"
       size="32"
       maxlength="32"
       value="#{userHome.instance.name}">
       <a:support event="onblur" reRender="nameField" bypassUpdates="true" ajaxSingle="true"/>
       </h:inputText>
       </s:decorate>
      
      
       <s:decorate id="familyNameField" template="layout/edit.xhtml">
       <ui:define name="label">#{messages.family_name}</ui:define>
       <h:inputText id="familyName"
       required="true"
       size="32"
       maxlength="32"
       value="#{userHome.instance.familyName}">
       <a:support event="onblur" reRender="familyNameField" bypassUpdates="true" ajaxSingle="true"/>
       </h:inputText>
       </s:decorate>
      
       <s:decorate id="nationalIdField" template="layout/edit.xhtml">
       <ui:define name="label">#{messages.nationalid}</ui:define>
       <h:inputText id="nationalId"
       required="true"
       value="#{userHome.instance.nationalId}">
       <a:support event="onblur" reRender="nationalIdField" bypassUpdates="true" ajaxSingle="true"/>
       </h:inputText>
       </s:decorate>
      
      
       <s:decorate id="passwordField" template="layout/edit.xhtml">
       <ui:define name="label">#{messages.password}</ui:define>
       <!--
       <h:inputText id="password"
       required="true"
       size="32"
       maxlength="32"
       value="#{userHome.instance.password}">
       <a:support event="onblur" reRender="passwordField" bypassUpdates="true" ajaxSingle="true"/>
       </h:inputText> -->
       <h:inputSecret id="password" maxlength="32" size="32" value="#{userHome.instance.password}" required="true"/>
      
       </s:decorate>
      
      
       <s:decorate id="postalCodeField" template="layout/edit.xhtml">
       <ui:define name="label">#{messages.postalcode}</ui:define>
       <h:inputText id="postalCode"
       value="#{userHome.instance.postalCode}">
       <a:support event="onblur" reRender="postalCodeField" bypassUpdates="true" ajaxSingle="true"/>
       </h:inputText>
       </s:decorate>
      
       <div style="clear:both">
       <span class="required">*</span>
       required fields
       </div>
      
       </rich:panel>
      
       <div class="actionButtons">
      
       <h:commandButton id="update"
       value="Save"
       action="#{userHome.update}"
       rendered="#{userHome.managed}"/>
       </div>
       </h:form>
      
      </ui:define>
      
      </ui:composition>
      


      P.S: This is my first post here. I must be quite interesting :D