Layouts

SQLPage comes with a few built-in layouts that you can use to organize the general structure of your application. The menu items are displayed horizontally at the top of the page by default, which you can change to a vertical sidebar with true as sidebar. The default layout is 'boxed', which has a fixed-width container for the main content area. You can also choose between a 'horizontal' layout with a larger container and a 'fluid' layout that spans the full width of the page. When using a sidebar, the page layout will automatically switch to a fluid layout.

Click on one of the layouts below to try it out.

For more information on how to use layouts, see the shell component documentation.

Available SQLPage shell layouts

Boxed
A compact layout with a fixed-width container. This is the default layout.
Horizontal
A full-width layout with a horizontal navigation bar.
Fluid
A full-width layout with a fluid container.

Available Menu layouts

Horizontal
Display menu items horizontally at the top of the page.
Sidebar
Display menu items vertically on the left side of the page.

SQL code to use

select
  'shell' as component,
  'boxed' as layout,
  false as sidebar;