Center components in af:page

Question

I have a JSF page with the following layout:
<f:view>
<af:document>
<af:form>
<af:page>
<af:panelForm>
<af:inputText .../>
</af:panelForm>
<af:panelButtonBar>
<af:commandButton .../>
</af:panelButtonBar>
<af:table ...>
</af:table>
</af:page>
</af:form>
</af:document>
</f:view>
The problem is that the af:form centers its content, however the buttons within the af:panelButtonBar and the af:table below it are left-justified. How can I get the af:panelButtonBar the af:table centered?

Answer 1

It's probably easier to move the panelForm over a bit. Try setting the labelWidth property to something small and see if that's acceptable.