Overlay: Examples
A basic Overlay Widget, which can be positioned based on Page XY co-ordinates and is stackable (z-index support). It also provides alignment and centering support and uses a standard module format for it's content, with header, body and footer section support.
- Basic XY Positioning: Shows how to instantiate a basic Overlay instance, and use the Overlay's basic XY positioning support.
- Alignment Support: Shows how to use the Overlay's XY alignment support, to align the Overlay relative to another element, or to the viewport.
- Stack Support: Shows how to use the Overlay's zindex and shim support when positioning Overlays above other elements on the page.
- Standard Module Support: Shows how to modify content in the Overlay's header, body and footer sections.
- Constrain Support: Shows how to use Overlay's constrainment support, to limit the XY value which can be set for an Overlay.
- IO Plugin: Shows how to create a simple plugin to retrieve content for the Overlay using the io utility.
- Animation Plugin: Shows how to create a simple plugin to animate the Overlay's movement and visibility.
Examples That Make Use of Overlay
- Accessible Menu Button (included with examples for the Focus Manager Node Plugin)
- Adjusting a page theme on the fly (included with examples for the StyleSheet)