Layout blocks are an excellent way to create and display child blocks in different ways. The options for displaying the child blocks are similar to the options for displaying regular blocks on a page, however they apply only to the blocks within the layout block. Extra CSS styling can also be added specific to the child blocks.
Start in the Page management area of the Sequence page.
Add, link, reorder and delete child blocks in the same manner as adding blocks on a standard sequence page.
Plain is the default display option, and will show the child blocks sequentially one underneath another, with no special display effects.
Panel will show each child blocks as a panels, with all content within the block surrounded by a faint edge/drop shadow. All child blocks will be displayed in sequential order. Panels are a good way to add more visual structure to a page.
Accordion will condense the child blocks to a stack of clickable headings, which will expand to show the block content when clicked. These documentation pages have been setup in this manner. Accordions are excellent for organising large amounts of content so only the relevant content is shown at one time.
Slider will show the child blocks as a series of horizontal slides, with left/right arrows to navigate between them. Child blocks can be either text content or images, and the slider panel will resize to fit the content within. The headings of child blocks displayed as sliders will not be shown, only the content.
Tab will create a horizontal menu with clickable tabs that sit above the child block content. The heading of the child block will be displayed in the tab, and only the content of the child block selected will be shown in a content area below. Tabs are another excellent way to organise information so only one section is shown at any one time.
Vertical tabs function in a similar manner to horizontal tabs, except the tab menu is located on the lefthand side, and lists the headings of the child blocks as clickable vertical panels. The content of the selected child block is displayed to the right of the tab menu.
Click sequence will add a Next button underneath the content of the first child block, and when clicked, will show the next child block. Click-sequence works well for sequential content.