Examples and configuration
This file contains some extra configuration option explanations, as well as some examples.
This file contains some extra configuration option explanations, as well as some examples.
All layouts can be specified with a mixture of just three Genesis elements using just HTML templates.
The JavaScript API is accessed through the methods on the root layout object and allows for saving/loading the layout state, and dynamically adding items to the layout at runtime.
Rapid layout is a module that enables users to perform actions such as dragging, resizing, and re-ordering windows. You can implement this with little effort, or you can build on it to create powerful interactions - such as dynamically adding and removing items, and saving and loading layouts.
Incorrect examples
The Section Navigator component provides navigation between different sections with support for state management. Each section can have multiple states that are displayed as icons next to the section label, and the component supports automatic scroll detection to update the active section based on scroll position.
Tabs are layered sections of content that display one panel of content at a time. Each tab panel has an associated tab element; when this is activated, the panel is displayed. The list of tab elements is arranged along one edge of the currently displayed panel.