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*
_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*