Example 1 : Your first layer
A simple example that shows how quickly a RelativeLayer can be defined
Example 2 : Using the available area.
This introduces the use of the available area and an easy way to scroll to
the hidden parts of the layer's content.
Example 3 : Nested layers
A nested layer is defined inside another layer instead of the window pane.
It's position and dimension will be relative to the available area of the parent layer.
Example 4 : Moving and resizing
Demonstrates functions that allow sporadic changes to the position and
dimension of a layer after its definition.
Example 5 : Relative positioning
The dimensions and positions of layers can be defined according to other layers,
instead of the window pane.
Example 6 : Events
Shows how the event model makes it easy to react to layer changes.
Example 7 : Limits
Limits allow you to enforce an arbitrary number of positioning limits on a layer.
These make it easy to ensure that dynamically positioned layers always stay
in an area that is acceptable for your design.
Example 8 : Drag & drop
Demonstrates some of the drag & drop functionalities.
Example 9 : External source
The content of a layer can be populated and updated from an external URL.
In this example this content is shown inside the center layer.
Example 10 : Dynamic creation
Layers don't have to defined and described statically in a html page,
but can be created and destroyed dynamically at any moment and be used
in exactly the same way as a statically defined layer