View Source

h2. Overview
_Since 4.0_

The mobi:thumbnail components render a thumbnail image for a mobi:camera or mobi:camcorder component after the image or video has been captured.

h2. Getting Started

To use the Thumbnail component, simply place the mobi:thumbnail tag somewhere on the page and reference the desired mobi:camera or mobi:camcorder component by its ID in the {{for}} attribute.

{code:xml}
<h:form>
<mobi:camera id="camera" value="#{bean.image}"/>
<mobi:thumbnail for="camera" id="thumbnail" />
</h:form>
{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}
The *for* attribute specifies the id of the mobi:camera or mobi:camcorder component for which this component will display it's thumbnail, after the image or video has been captured.
{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*