Tabsdivide content into meaningful sections which occupy less screen space.
The Tabs visual element can be previewed on our Demo website. It is available on interior pages (standard) in the Content Layers section.
...
How it Looks
...
How to Add Tabs
1. While editing your interior page (standard), scroll down to the Content Layers section. Select Tabs from the Select Layer Type drop-down menu.
...
Info |
---|
View How to Add a Standard Interior Page for a refresher on how to build an interior page (standard) from scratch. |
2. Give your Tabs layer style a In the Section Title field, enter a title for your tab.
3. Select an HTML a heading type from the Section Title Heading drop-down menu. You can select from <h2>
to <h5>
. <h2>
is the highest available section level and <h5>
is the lowest.
4. In the Tabs Group section, edit /or add Tab Items. Each tab item consists of a Tab Title and Tab Content.
...
...
To add or remove Tab Items, use the green plus sign, or the red X (remove)sign.
5. Edit the Tab Title and Tab Content using the WYSIWYG editor, or by making the desired changes to the text in the content fields.
Info |
---|
You can add more Tab Items using the green plus sign, or remove existing items with the red X sign. To reorder Tab Items, use the Move to Top, Move Up, Move Down, or Move to Bottom arrow buttons. You can also click and drag the links into place to reorder it. |
Click 6. When you are done making edits to your page, click Preview Draft. After previewing the draft, click Submit to save the page to CMS.
7. The page has been successfully saved to the CMS. You must now Publish your page.
8. Select one or more of the outputs to Publish to the destinations selected.
...