Tabs - Tshwane Interim
Each tab is a separate piece of content. The heading and brief description only needs to be entered once.
Content Type Details
- ID: 94
- Name: Tabs - Tshwane Interim
- Minimum user level: Contributor
- Compatible with page layouts: Homepage, Landing Page, Inner Page: Full Width
First Tab Only Settings
Add the following optional elements to the first tab in a group.
- Heading - this will appear above the tabs. Adding a Heading will automatically start a new group of tabs.
- Brief Description - will display below the Heading
Misc
-
No minimum or maximum tab limit
-
Adjacent tabs automatically combine into a group of accordions
-
Each tab is created as a separate content item
- If a tab in a group has the 'Heading' element entered it will make it act as the first in a new set of accordions.
- Tabs display as accordions on mobile devices
Content Type Elements Details
| Name | Description | Size | Type | Required | Conditionally Shown |
|---|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes | No |
| Heading | Enter the heading of the section | 80 Characters | Plain Text | No | No |
| Brief Description | Enter the brief description of the section | 200 Characters | Plain Text | No | No |
| Title | Title for example “How do I apply for a course” | 150 Characters | Plain Text | Yes | No |
| Description | Content for the expanded accordion. Supports rich text such as bold, italics. See TinyMCE content options. | 5000 Characters | HTML | Yes | No |
Example
-
Enquiry Form
lorem ipsum dolor sit amet, consectetur adipiscing elit. etiam egestas vel mi et suscipit. curabitur molestie tellus id maximus lobortis. suspendisse sodales lorem eget urna lacinia, ac hendrerit risus lobortis. fusce tincidunt est purus, sit amet interdum enim tempus ut. pellentesque viverra enim vel metus iaculis, vel lobortis urna elementum. etiam facilisis neque vel mauris auctor porttitor. pellentesque sit amet ullamcorper massa.
-
Contact Information
School of Computing
New Group
-
Contact Information
School of Computing
-
Lorem Ipsum
Ipsum lorem.
-
Lorem Ipsum
Ipsum lorem.
-
Lorem Ipsum
Ipsum lorem.