Tab List

By default the tab list block includes a tab block with a heading block inside.

Basics

The tab list block allows you to regroup several tab blocks in one place.

Add a Tab List

You can add a tab list block inside an existing block or outside any other block on the page.

Add

If you want to add a tab list outside any other block on the page:

1. Click on the ➕ ​​icon to open the Inserter Panel

2. Search for the Cwicly tab list block

3. Click on the Cwicly tab list block to insert it into your page

If you want to add a list inside a parent block:

1. Open the Quick Insert panel in the parent block

2. Search for the Cwicly tab list block

3. Click on the Cwicly tab list block to insert it into your parent block

Getting Started - Tab Block

Settings

Allows you to set specific settings for the tab list block.

Tab Contents ID

The Tab Contents ID property enables you to link the the tab list and tab contents block together.

This gives you total freedom as to where you place your tab list and tab contents.

Copy the ID of the tab content block you wish to link to your tab list block.

Modify

1. Select a list tab block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the settings tab

5. Find the Tab Contents ID property

6. Enter the Tab Contents ID

Reset

1. Select a list tab block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the settings tab

5. Find the Tab Contents ID property

6. Click dot to reset

Active Tab

The Active Tab property allows you to select the which tab is open when the user first loads the page.

Select

1. Select a list tab block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the settings tab

5. Find the Active Tab property

6. Select the desired number from the Dropdown menu

Reset

1. Select a list tab block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the settings tab

5. Find the Active Tab property

6. Click dot to reset

Show All (Backend)

The Show All (backend) property opens all the tab contents at the same time, which allows you to see your different tabs and contents on the backend for editing purposes.

Activate/Deactivate

1. Select a list tab block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the settings tab

5. Find the Show All (backend) property

6. Toggle the property in order to activate/deactivate

Tab

Tabs are a navigation element that allow users to easily access different areas of a site or different parts of an individual page.

pageTab