Unordered List

Unordered List is a standard ul element that can have it's own id, determine rendered state and optionally be laid out horizontally. App authors should add their own styles to this component.

The ul expects li elements as children. You can use a normal li tag or the TornadoFaces <t:li> tag for additional functionality, including automatically creating the wrapped a via the link attribute and automatically adding active-state.

Email
Apps
Messages
Friends

See List for a data driven alternative.

menubar.xhtml

Documentation


<t:ul color="primary">
    <t:li>Email</t:li>
    <t:li>Apps</t:li>
    <t:li>Messages</t:li>
    <t:li>Friends</t:li>
</t:ul>

Unordered List is a standard ul element that can have it's own id, determine rendered state and optionally be laid out horizontally. App authors should add their own styles to this component.

Info

Tag name	ul
Component type	io.tornadofaces.component.Ul
Renderer type	io.tornadofaces.component.UlRenderer

Attributes

Name	Description	Required
orientation	The orientation decides if the list items are laid out horizontally or vertically. Valid options a horizontal and vertical. Default horizontal.	false
show	Show this component normally, or render an empty placeholder element. Defaults to true.	false
iconPosition	Icons, if added, are by default positioned above the text. However, this can be changed by setting this property to left, right or bottom. Default top.	false
styleClass	Styles to apply to the ul element.	false
style	CSS Styles applied to the ul element.	false
color	The menu bar can be recolored to be dark, or match your primary color. Valid options are dark, primary. Default none.	false
rendered	Should this component be rendered?	false

Additional styling is available by setting the styleClass property. Refer to the Foundation For Apps Documentation for further information and examples.