View Source

h2. Overview
_Since 4.0_

The mobi:outputList component renders an unordered list of items in a way that is more presentable for touch devices.

h2. Getting Started

To use the OutputList component, simply place mobi:outputListItem tags inside the mobi:outputList tag and nest any other components in them.

{code:xml}
<mobi:outputList>
<mobi:outputListItem group="true">Category Title</mobi:outputListItem>
<mobi:outputListItem>
<h:outputText value="Item 1" />
</mobi:outputListItem>
<mobi:outputListItem>
<h:outputText value="Item 2" />
</mobi:outputListItem>
</mobi:outputList>
{code}

h2. Attributes

{tip:title=TagLib Documentation}This section covers attributes involved in the typical use-cases for this component. For reference, the complete taglib documentation for this component is available [here|http://res.icesoft.org/docs/v4_latest/mobi/tld/].{tip}

{panel}
When the *group* attribute is true, the mobi:outputListItem will be rendered in a header style.
{panel}

{panel}
The *value* and *var* attributes in mobi:outputListItems work together to iterate over a collection of data objects to render output list items.
{panel}

h2. Event Listeners

None.

h2. Client Behavior Events

None.

h2. JavaScript API

None.

h2. Keyboard Support

None.

h2. Known Issues

None.

h2. Additional Resources


h4. Sample Applications

This component appears in the following ICEfaces sample applications:

* *[ICEfaces Mobile Showcase|http://icefaces-showcase.icesoft.org/showcase-mobile.jsf]*

h4. Tutorials

This component appears in the following ICEfaces tutorials:

*None*