x:group

The x:group tag renders its children within an HTML div element allowing control of the alignment and style of a block of elements.

Attributes
Name Required Request-time Type Description
alignment false false java.lang.String The horizontal alignment of the block on the page. Possible values are "center", "left", and "right".

Inherited Attributes
Core Attributes inherited from AbstractTag

Example

In this example, the first x:group element aligns its children in the center of the page while the second x:group encloses its children in a border that is black and has a thickness of 1 pixel.

<x:group alignment="center">
  <x:group style="border: solid black 1px; width: 300px">
    <h:outputLabel for="email" value="Email Address:"/>
    <h:inputText id="email" value="#{person.email}"/>
    <h:commandButton value="Submit" action="#{person.checkEmail}"/>
  </x:group>
</x:group>

The resulting HTML looks like this.