In my PF mobile application I want to be able to align inline content (mainly buttons) in the pm:footer left or right. In the pm:header this seems to be done automatically when a title is defined. In the footer I can add the styleClass ui-btn-right, but this screws with the layout of the footer. Without a title the footer is clamped to height 0 (absolute positioning of the button), and even with a title the footer still isn't high enough to contain the button.
See the following screenshot:
Here is my current code, with whitespace as a title to show the footer bar:
Code: Select all
<pm:footer swatch="a" title=" ">
<p:button value="#{msg.next}" icon="ui-icon-carat-r" iconPos="right" styleClass="ui-btn-inline ui-btn-right" />
</pm:footer>
If I do without the ui-btn-inline I can use panelGrid to layout the buttons, but I don't want buttons filling the entire width of the screen.
Is there currently any way to do this without modifying CSS or defining custom styles?