Available elements

Header

The header is the top part of a common web application which basically shows title and navigation buttons. It must be in the WebApp container out of the iGroup. See Page layout for more informations about page structure.

[div id="iHeader"]
    ...
[/div]

You can put any element you want in this container. While sliding, they will all fade in or out. Some predefined elements are available which are automatically handled by the micro-framework. There are all listed below.

Title

Shows the current layer title. If there is no title defined or if the user is on the first layer, then the base content of waHeadTitle will be used.

[span id="waHeadTitle"] ... [/span]

Back button

Shows a back button on the left as soon as the user move forward. If the previous layer has a title, it will be used as content for this button. If there is no title, the base content of waBackButton will be used.

To override the default click behavior, you can add an onclick so the micro-framework knew he should not automatically process the event.

[a href="#" id="waBackButton"] ... [/a]

Home button

Shows a home button on the right side of the header. It will be shown after the user has moved twice forward.

To override the default click behavior, you can add an onclick so the micro-framework knew he should not automatically process the event.

[a href="#" id="waHomeButton"] ... [/a]
Saturday, 20-Jun-2009 14:40:13 CEST