Accordions
The Accordions component lets you add collapsible content to your page. Each accordion item has a heading (always visible) and text content (visible only when expanded). You can also add images and actions to each item.
Save space and focus on the most important content by using accordions — readers can expand only the items they’re interested in.
Intro tab
Section titled “Intro tab”Options in the Intro tab are covered in the Components section.
Accordions tab
Section titled “Accordions tab”Heading and Text
Section titled “Heading and Text”Each accordion item consists of a heading and text.
The title of the accordion item, visible when it’s collapsed.
The content of the accordion item, visible only when expanded. Use the WYSIWYG editor to format the text.
Images
Section titled “Images”Accompany your text with images. Image position can be set in the Appearance tab.
Actions
Section titled “Actions”Add actions to your accordion items to direct users to other pages or resources. Actions appear as buttons.
Appearance Admin
Section titled “Appearance ”Photo Position
Section titled “Photo Position”Set the position of photos inside accordion items.
Display Style
Section titled “Display Style”The classic collapsible accordion.
Items displayed as vertical tabs.
Items displayed as a grid of cards
Columns
Section titled “Columns”Choose how many columns to lay out the accordion items in.
Other options in the Appearance tab are covered in the Components section.
All fields (technical reference) — 15 fields
| Field name | Machine name | Type | Role |
|---|---|---|---|
| Columns | field_dmz_column_count | list_string | Admin |
| Hidden | field_dmz_hidden | boolean | Editor |
| Buttons (legacy) | field_dmz_links | link | Deprecated |
| Background Media | field_dmz_media | reference (image, video, fotoweb) | Admin |
| More Link | field_dmz_more_link | link | Editor |
| Outer Background | field_dmz_palette_color_1 | list_string | Admin |
| Inner Background | field_dmz_palette_color_2 | list_string | Admin |
| Content Background | field_dmz_palette_color_3 | list_string | Admin |
| Accordion Items | field_dmz_paragraph_list | ref_revisions (dmz_heading_and_text) | Editor |
| Photo Position | field_dmz_photo_position | list_string | Admin |
| Section ID | field_dmz_section_id | string (max 255) | Admin |
| Introductory Text | field_dmz_text | text | Editor |
| Display Style | field_dmz_text_list_display | list_string | Admin |
| Introductory Title | field_dmz_title | text | Editor |
| Title Heading Level | field_dmz_title_tag | list_string | Admin |