Accordion Groups

From Wiki openElement
Jump to: navigation, search
Path: Elements / Containers / Accordion Groups

Contents

Description

This element allows users to group multiple elements together (i.e. Image, Single-Line Text, Multi-Line Text, etc.) within several expanding levels.
It is called an accordion group because of the way each section expands and collapses.

Example:

AccordionGroup1.png

Add an Accordion Groups Element

Drag-and-Drop the element Accordion Groups from the elements menu anywhere on the page.

Configuration

The configuration menu for the element "Accordion Groups" can be accessed by clicking on the wrench icon Wrench.png right below the selected element in the editing pane

AccordionGroup2.png


Add a Row: Adds a group to the accordion groups element.
Delete: Deletes the selected tier/section.


Properties:

AccordionGroup3.png

Description: Add a brief description for the text.
Closed Icon: Select an icon to display when the group is closed/collapsed.
Open Icon: Select an icon to display when the group is open/expanded.
Alt Title: Create an alternate title for the group.
Title: Change the row's title.

Design and Presets

To change its appearance, users must override the element's various style zones.

Style accordeon1.png Header
Default Value:
Border Color: #7F7F7F
Border Thickness: 1px
Border Style: Full

Style accordeon2.png Icon
Default Value:
No style by default

Style accordeon3.png Title
Default Value:
No style by default

Style accordeon4.png Alternative Title
Default Value:
No style by default

Style accrodeon5.png Content of Groups
Default Value:
No style by default

Personal tools
Namespaces

Variants
Views
Actions
openElement
Community
Toolbox