inline content alignment in header/footer without title

UI Components for JSF
Post Reply
User avatar
brotherquintus
Posts: 9
Joined: 21 Apr 2011, 17:53

23 Jun 2014, 19:33

Hi!

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:
Image

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>
The older user guides mention the use of <f:facet name="left|right">, but in PF5 this just causes the content within the facet to not be rendered at all.
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?
Versions:
Primefaces 5.0.2 & PrimeFaces 5.1.1, Mojarra 2.2.0, GlassFish 4.0

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 36 guests