- Components
- Unordered List
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.
- Apps
- Messages
- Friends
See List for a data driven alternative.
<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.