View Source

h2. Overview
_Since 4.0_

Renders a header, a body and a footer layout that uses the whole screen of the user's device.

h2. Getting Started

The PagePanel component is meant to be used as a standalone, since it uses the whole page. The header, body and footer sections are defined via facets.

{code:xml}
<mobi:pagePanel>
<f:facet name="header">
<h:outputText value="Page Header" />
</f:facet>
<f:facet name="body">
<h:outputText value="Main Content" />
</f:facet>
<f:facet name="footer">
<h:outputText value="Page Footer" />
</f:facet>
</mobi:pagePanel>
{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 *style* and *styleClass* attributes work the same way as in any other component. They are applied to the root DIV element.
{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*