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
Table caption, description, or qualifier here.
Header 01 Header 02 Header 03 Header 04
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.