To achieve the above alignment, simply enclosed the component inside a panelGrid as follows:
<f:facet name="footer"> <h:panelGrid columns="1" id="pg1" style="text-align:right;" width="100%"> <af:outputText value="#{yourvaluebindinghere}" id="ot8"> <af:convertNumber type="currency" currencySymbol=" "/> </af:outputText> </h:panelGrid> </f:facet>
Cheers!