How To
-
1
Create Tabs
Tabs line up horizontally, side by side next to each other. Note: Tabs become Accordions on mobile devices and smaller screens.
Tabs can be used on both Landing Pages and Site Pages.
Tabs work best when each one has a short heading or title. Example: An A-Z list of the names of items.
To add a Tab:
On a Site Page, navigate to:
- Add (Menu) > Add Tabs/Accordion.
On a Landing Page, navigate to:
- Add Band > Add Tabs/Accordion (Paragraph menu).
- Note: A Band must have at least two (2) columns to add Tabs.
Fields marked with a asterisk (*) are required.
- Title — Enter a Title for the entire group of Tabs.
- Title Heading Level — Select an appropriate heading level. The default level is h3.
- Display As (*) — Select Tabs.
-
2
Tab Items
- Item Title (*) — Enter a Title for the Tab.
- Item Title Heading Level — Select an appropriate heading level for the Tab item. The default level is h3
- Item Text — Enter text to appear below the Tab.
- Expand Content Full Width — Check or uncheck, as desired.
- Tab/Accordion Paragraph — Use this option to add another Paragraph type to the Tab.
- Tab/Accordion Sidebar Paragraph — Use this option to add a Sidebar Paragraph for the Tab.
-
3
Add, Edit, or Remove Tabs
To Add a Tab:
- Click Add Items.
To Edit a Tab Item:
- Click the Edit button for the item.
To Duplicate a Tab Item:
- Click the three (3) vertical dots to the right of the Edit button and select Duplicate.
To Remove a Tab Item:
- Click the three (3) vertical dots to the right of the Edit button and select Remove.
To Remove all Tabs:
- Click the Remove button at the top right of the Tabs/Accordion section.
-
4
Reorder Tabs
To reorder Tabs:
- Use row weights. Change the number in the dropdown menu to set the order in which the items should appear. The item with the smallest number appears first.
-
5
Create Accordion
Accordions are arranged vertically, one above the other, like the rungs on a ladder.
Accordions can be used on both Landing Pages and Site Pages.
Accordions are better suited for frequently asked questions and similar information that requires using more words.
To add an Accordion:
On a Site Page, navigate to:
- Add (Menu) > Add Tabs/Accordion.
On a Landing Page, navigate to:
- Add Band > Add Tabs/Accordion (Paragraph menu).
- Note: A Band must have at least two (2) columns to add an Accordion.
Fields marked with a asterisk (*) are required.
- Title — Enter a Title for the Accordion.
- Title Heading Level — Select an appropriate heading level. The default level is h3.
- Display As (*) — Select Accordion.
-
6
Accordion Items
- Item Title (*) — Enter a Title for the Accordion.
- Item Title Heading Level — Select an appropriate heading level for the Accordion item. The default level is h3
- Item Text — Enter text to appear below the Accordion.
- Expand Content Full Width — Check or uncheck, as desired.
- Tab/Accordion Paragraph — Use this option to add another Paragraph type to the Accordion.
- Tab/Accordion Sidebar Paragraph — Use this option to add a Sidebar Paragraph for the Accordion.
-
7
Add, Edit, or Remove Accordions
To Add an Accordion:
- Click Add Items.
To Edit an Accordion Item:
- Click the Edit button for the item.
To Duplicate an Accordion Item:
- Click the three (3) vertical dots to the right of the Edit button and select Duplicate.
To Remove an Accordion Item:
- Click the three (3) vertical dots to the right of the Edit button and select Remove.
To Remove all Accordions:
- Click the Remove button at the top right of the Tabs/Accordion section.
-
8
Reorder Accordions
To reorder Accordions:
- Use row weights. Change the number in the dropdown menu to set the order in which the items should appear. The item with the smallest number appears first.
-
9
Save
- After creating Tabs for Accordions, click the Save button at the bottom of the Edit page to save the page and view results.
