Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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 (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 (plus) sign, or remove existing items with the red X sign.

To reorder Tab Items, use the Move to TopMove UpMove Down, or Move to Bottom arrow buttons. You can also click and drag the links into place to reorder it.

6. Click When you are done making edits to your page, click Preview Draft. After previewing the draft, click Submit to save the page to CMS.

...