SJC 2023 - Tabs content type details
ID: 574
Name: SJC 2023 - Tabs
Description: Each tab is a separate piece of content.
Content element details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Show on Secondary page | Select the checkbox to show the content on the full width secondary page | 80 Characters | Check Box | No |
| Section Heading (H2) | Enter the title for the content | 80 Characters | Plain Text | No |
| Section Description | Enter the brief description of the content | 350 Characters | Plain Text | No |
| Tab Title | Title for example “How do I apply for a course” | 150 Characters | Plain Text | Yes |
| Tab Description | Content for the expanded tab. Supports rich text such as bold, italics. | 99999 Characters | HTML | Yes |
| Tab Call to Action (CTA) Text | Enter the text for the Call to Action | 50 Characters | Plain Text | No |
| Tab CTA Link (internal) | Select a section/content for an internal link | 80 Characters | Section/Content Link | No |
| Tab CTA Link (external) | Only enter this if you are NOT entering an internal link | 999999 Characters | Plain Text | No |
| Tab CTA Link (PDF) | Select the file from the media library | 80 Kilobytes | Media | No |
| Tab CTA open in new window | Select to open link in new window | 80 Characters | Check Box | No |
How to use
Creates a block of vertical tabs - each tab is a separate content item. The Tab Title is shown when the tab is closed. In the open tab panel, both the Tab Title and the Tab Description and optional call-to-action link are displayed.
For the call-to-action link, select either an Internal link (ignore the Use default link text checkbox), enter an external link or select a PDF from the Media Library (only use one). Select the Open link in new window checkbox to have the link open in a new window.
There is the option to add a section heading and description above the tabs. This should be populated in the first tab item only.
Select the Show on Secondary page checkbox for all tab items when using this on pages with the Secondary page layout to center the tabs.
In sections using a Secondary page layout there are 2 columns with the open tab panel displayed in the right column. In sections using a Tertiary page layout, tabs are displayed in a single column with open tab panel under the Tab Title.
To link directly to a group of tabs, create a content link to the first tab item.
Examples
Section Heading
This is the Section Description text.
Tab Title 3
This is the third Tab Description text. No call to action link.