right alignment with richpanel
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