Tabs Content Type
ID: 195
Name: Tabs
Description: Each tab is a separate piece of content. The heading and brief description only needs to be entered once.
Instructions
This content type creates a tab, each tab has a tab title which can be clicked to display content in the tab body.
If more than one tab is created and placed next to another they will wrap and display in a row.
There is an optional "Section Heading" and "Section Description" that should only be added for the first tab in a group of tabs.
Any time a 'Section Heading' element is entered it will trigger a new group of new tabs with the content type with the 'Section Heading' acting as the first item.
Content Element Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | true |
| Section Heading | Heading of the section (H2) - Only needed for the 1st tab | 50 Characters | Plain Text | false |
| Section Description | Description of the section - Only needed for the 1st tab | 500 Characters | Plain Text | false |
| Tab Title | This is the tab title | 150 Characters | Plain Text | true |
| Tab Body | This is the tab main body | 999999 Characters | Html | true |
Tab Section Heading
This is the tab Section Description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis.
This is the tab main body for tab 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis luctus auctor, felis tellus consectetur elit, id sollicitudin risus velit in turpis. Donec imperdiet nibh id maximus porttitor. Aenean sed ipsum a turpis placerat interdum molestie vel purus. Nam porta odio ut quam faucibus, et accumsan nisl fringilla.
This is the tab main body for tab 2. Druga lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis luctus auctor, felis tellus consectetur elit, id sollicitudin risus velit in turpis. Donec imperdiet nibh id maximus porttitor. Aenean sed ipsum a turpis placerat interdum molestie vel purus. Nam porta odio ut quam faucibus, et accumsan nisl fringilla.
Ullum augue nostrud te vix. An per salutatus forensibus, modo reque epicuri ne mei. Ut eum molestie tincidunt. Sea omnes democritum interpretaris ut. Sea et nibh timeam. Qui eros sonet solet in, ut libris pericula eam.
- List item that wraps around itself. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
- A list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A list item
- A list item
- A list item
- A list item
Ordered list
- A list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A nested list item
- A list item
- A list item
- A list item
- A list item
An unordered list of links
- Unstyled list link item
- Unstyled list link item
- Unstyled list link item
- Unstyled list link item
- Unstyled list link item
Another ordered list of longer text
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras adipiscing enim eu turpis egestas.
- Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Id leo in vitae turpis massa. Neque convallis a cras semper auctor neque vitae. Justo nec ultrices dui sapien eget mi proin sed libero. Volutpat lacus laoreet non curabitur gravida arcu ac tortor dignissim.
- Netus et malesuada fames ac turpis egestas integer. Neque volutpat ac tincidunt vitae semper quis lectus nulla at. Aliquet sagittis id consectetur purus ut faucibus pulvinar. Odio euismod lacinia at quis. Amet est placerat in egestas erat imperdiet sed euismod nisi. Id volutpat lacus laoreet non curabitur gravida arcu ac. Sit amet consectetur adipiscing elit. Purus in mollis nunc sed id.
This is the tab main body for tab 3. Trece lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis luctus auctor, felis tellus consectetur elit, id sollicitudin risus velit in turpis. Donec imperdiet nibh id maximus porttitor. Aenean sed ipsum a turpis placerat interdum molestie vel purus. Nam porta odio ut quam faucibus, et accumsan nisl fringilla.
Tab Section Heading
This is the tab Section Description. To start a second group of tabs, enter a new heading and optional description.
This is the tab main body for tab 1 for the second group of tabs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis luctus auctor, felis tellus consectetur elit, id sollicitudin risus velit in turpis. Donec imperdiet nibh id maximus porttitor. Aenean sed ipsum a turpis placerat interdum molestie vel purus. Nam porta odio ut quam faucibus, et accumsan nisl fringilla.
This is the tab main body for tab 2 for the second group of tabs. Druga lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat, arcu quis luctus auctor, felis tellus consectetur elit, id sollicitudin risus velit in turpis. Donec imperdiet nibh id maximus porttitor. Aenean sed ipsum a turpis placerat interdum molestie vel purus. Nam porta odio ut quam faucibus, et accumsan nisl fringilla.