Layouts
Elephant contexts can have different layouts, depending on which information they will show. You can change the context's layout at any point, the content will stay the same.
This table lists the default layouts, provided out-of-the-box.
| Layout | Description |
|---|---|
| default-web | This layout covers most page cases. Uses a fixed width that adapts to different devices. Includes the option menu at page's left, that only shows when the context has children.
Page header and footer
Breadcrumbs Option menu Traversal navigation |
| default-landing | This layout takes the full width. It's up to the user to use containers that make content readable. Ideal for landing pages, using stripes from Wmacros.
Page header and footer
Breadcrumbs Option menu Traversal navigation |
| default-wider | This layout uses a wider width. Mostly used for lists with pagination and categorization. Uses a slightly gray background, so cards, segments and other containers are enhanced.
Page header and footer
Breadcrumbs Option menu Traversal navigation |
| default-wider-menu | Equal to default-wider, adding the options menu if the context has children.
Page header and footer
Breadcrumbs Option menu Traversal navigation |
| default-wider-topmenu | Similar to default-wider-menu, but the menu shows at top, distributed horizontally and showing only direct childs.
Page header and footer
Breadcrumbs Option menu Traversal navigation |
| default-clean | Similar to default-landing, but with breadcrumbs.
Page header and footer
Breadcrumbs Option menu Traversal navigation |
| default-clear | Blank space to write content.
Page header and footer
Breadcrumbs Option menu Traversal navigation |
| English | 07/27/26 03:08 | Lluís Turró Cutiller |
