Available elements

Layer

The layer is the base container of the WebApp.Net micro-framework and the main element of the sliding effect. It must be in the iGroup container. All layers are hidden by default. The first one in the document will be the only visible one at start up. See Page layout for more informations about page structure.

[div class="iLayer" id="wa..." title="..."]
    ...
[/div]
class="iLayer"
This attribute is mandatory. You can add more classes to this attribute but you should not change margin and padding of the container in order for the sliding effect to work properly.
id="wa..."
This attribute is mandatory. This is the unique name of the layer. All layer names must be prefixed with "wa", the next part will be use for linking to this layer. For instance, if the name is waHome, you can access the layer using the anchor #_Home. See Links section for details.
title="..."
This attribute is optional. It is the title which will be shown in the header or the back button. For more informations about interaction between header and layer title, see the Header section.

Adding contextual button

You can add up to 2 contextual buttons in the header for your layer. Buttons are stacked from right to left. If there is already a standing button (waLeftButton or waRightButton) in the left or in the right, this button will remain where it stands.

To add your custom buttons you just need to put a anchor link definition at the begining of the layer with a rel attribute.

[div class="iLayer" id="waLayer" title="My Layer"]
    [a href="..." rel="action"]Action[/a]
    [a href="..." rel="back"]Back[/a]
    ...
[/div]

WARNING: buttons MUST be direct children of the layer container. Else, you may have duplicated buttons navigating back to this layer.

rel="..."
This attribute is mandatory and can have two different values action and back. There is currently no default behavior based on this attribute.
Saturday, 20-Jun-2009 14:40:27 CEST