Table Accordion
Content Type Details
ID: 762
Name: Table Accordion (T4 - DEV)
Description: Use with Universal Template 2021
Content Element Details within Table Accordion (T4 - DEV) content type
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name element | 80 Characters | Plain Text | Yes |
| Group Title | Set to start a new Table | 80 Characters | Plain Text | No |
| Background Color | Select panel background color | 80 Characters | Select Box | No |
| Container Width | Select container width | 80 Characters | Select Box | No |
| Caption | Enter the table structure | 250 Characters | Plain Text | No |
| Table Header 1 | Enter the table header | 80 Characters | Plain Text | Yes |
| Table Header 2 | Enter the table header | 80 Characters | Plain Text | No |
| Table Header 3 | Enter the table header | 80 Characters | Plain Text | No |
| Table Header 4 | Enter the table header | 80 Characters | Plain Text | No |
| Table Header 5 | Enter the table header | 80 Characters | Plain Text | No |
| Table Column 1 | Enter the table column | 80 Characters | Plain Text | No |
| Table Column 2 | Enter the table column | 80 Characters | Plain Text | No |
| Table Column 3 | Enter the table column | 80 Characters | Plain Text | No |
| Table Column 4 | Enter the table column | 80 Characters | Plain Text | No |
| Table Column 5 | Enter the table column | 80 Characters | Plain Text | No |
| Table Row Header | Enter the table row header | 80 Characters | Plain Text | No |
| Accordion Panel Content | Enter accordion panel content | 99999 Characters | HTML | No |
How to use
The Table Accordion content type enables the inclusion of a dynamic table with up to 5 headers and an unlimited number of rows with up to 5 columns that matches the number of headers. Each row comprises an extra column which acts as a button reveling a accordion-style panel content, which can be added through the HTML Editor. The Table Accordion provides two elements that facilitate design and layout customization: Background Color and Container Width. These elements offer a range of values for tailoring the appearance of the Table Accordion content type to specific preferences.
Since each Table Accordion functions as a single piece of content, all rows must be added to the page using the same content type. However, there is an option to split the Table Accordion into multiple tables on the page by utilizing the Group Title element. When this element is inputted, it divides the Table Accordion content types, creating separate tables. Alternatively, you can use other content types as separators between different Table Accordions.
By utilizing these features, the Table Accordion content type provides a flexible and customizable way to present tabular data with collapsible panels, allowing for easy navigation and organization of information on a page.
Table caption, description, or qualifier here.
Header 01 Header 02 Header 03
Column Header 01 Data 01 Data 02 Data 03
This is a standard paragraph body. Consectetur link here adipiscing elit. Curabitur nec info color posuere odio. Phasellus odio lectus, ultrices non pretium success color ac, mollis id elit. Fusce tempor tellus non felis tempus vestibulum. Donec molestie warning color purus sem. Suspendisse at placerat turpis. Duis luctus erat vel magna pharetra aliquet. Maecenas danger color tincidunt feugiat ultricies. Phasellus et dui risus. Vestibulum adipiscing, eros quis lobortis dictum.
- Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt.
- Lorem ipsum dolor sit amet consectetur adipiscing elit..
- Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
Table caption, description, or qualifier here.
Header 01 Header 02 Header 03 Header 04
Column Header 01 Data 01 Data 02 Data 03 Data 04
This is a standard paragraph body. Consectetur link here adipiscing elit. Curabitur nec info color posuere odio. Phasellus odio lectus, ultrices non pretium success color ac, mollis id elit. Fusce tempor tellus non felis tempus vestibulum. Donec molestie warning color purus sem. Suspendisse at placerat turpis. Duis luctus erat vel magna pharetra aliquet. Maecenas danger color tincidunt feugiat ultricies. Phasellus et dui risus. Vestibulum adipiscing, eros quis lobortis dictum.
- Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt.
- Lorem ipsum dolor sit amet consectetur adipiscing elit..
- Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
Column Header 01 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Duis aute irure dolor in reprehenderit in voluptate. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Duis aute irure dolor in reprehenderit in voluptate.
This is a standard paragraph body. Consectetur link here adipiscing elit. Curabitur nec info color posuere odio. Phasellus odio lectus, ultrices non pretium success color ac, mollis id elit. Fusce tempor tellus non felis tempus vestibulum. Donec molestie warning color purus sem. Suspendisse at placerat turpis. Duis luctus erat vel magna pharetra aliquet. Maecenas danger color tincidunt feugiat ultricies. Phasellus et dui risus. Vestibulum adipiscing, eros quis lobortis dictum.
- Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt.
- Lorem ipsum dolor sit amet consectetur adipiscing elit..
- Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
How to use
The Table Accordion content type enables the inclusion of a dynamic table with up to 5 headers and an unlimited number of rows with up to 5 columns that matches the number of headers. Each row comprises an extra column which acts as a button reveling a accordion-style panel content, which can be added through the HTML Editor. The Table Accordion provides two elements that facilitate design and layout customization: Background Color and Container Width. These elements offer a range of values for tailoring the appearance of the Table Accordion content type to specific preferences.
Since each Table Accordion functions as a single piece of content, all rows must be added to the page using the same content type. However, there is an option to split the Table Accordion into multiple tables on the page by utilizing the Group Title element. When this element is inputted, it divides the Table Accordion content types, creating separate tables. Alternatively, you can use other content types as separators between different Table Accordions.
By utilizing these features, the Table Accordion content type provides a flexible and customizable way to present tabular data with collapsible panels, allowing for easy navigation and organization of information on a page.