Accordion item

Description of content types in the menus
Tool Bar Icon Description

Group of HTML elements

Editable: No, but some child components are editable.

Droppable: No, you can't drop other blocks or components inside.

Component Tool Bar:

Parent Selectable: Yes, you can select parent element from component.

Draggable: Yes, you can drag this component to other locations in the canvas.

Copyable: No, you can't copy component in the canvas.

Removable: Yes, you can delete this component from the canvas.

Trait Manager Settings: No

Default Styles (doesn't include default browser styles): No

Child Components: Yes

  • Accordion Button
    • Component: Custom div element.
    • Editable: No 
    • Droppable: No 
    • Tool Bar:
      • Parent Selectable: Yes 
      • Draggable: No 
      • Copyable: No 
      • Removable: No 
  • Stylable: Yes - Style Manager options limited to:
    • font-family
    • font-weight
    • font-size
    • font-style
    • line-height
    • letter-spacing
    • text-align
    • color
    • text-shadow
    • text-decoration
    • margin-top
    • margin-bottom
    • margin-left
    • margin-right
    • padding-top
    • padding-bottom
    • padding-left
    • padding-right
    • border-top-width
    • border-bottom-width
    • border-left-width
    • border-right-width
    • border-style
    • border-color
    • background-color
    • background-image
    • background-position
    • background-size
    • background-repeat
    • background-attachment
    • border-top-left-radius
    • border-top-right-radius
    • border-bottom-left-radius
    • border-bottom-right-radius
    • box-shadow
  • Default Styles (Not including default browser styles): No
  • Trait Manager Settings: Yes
    • Button Text: Sets the button text.
    • Icon Type: Sets the type of icon used to indicate expanded/collapsed states. Options are:
      • Thick Plus/Minus
      • Thin Plus/Minus
      • Thick Arrows
      • Thin Arrows
    • Auto Expand: Sets the item to be automatically expanded for the end-user.
  • Accordion Panel
    • Component: Custom div element.
    • Editable: No 
    • Droppable: No 
    • Tool Bar:
      • Parent Selectable: Yes 
      • Draggable: No 
      • Copyable: No 
      • Removable: Yes 
    • Stylable: Yes - Style Manager options limited to:
      • margin-top
      • margin-bottom
      • margin-left
      • margin-right
      • padding-top
      • padding-bottom
      • padding-left
      • padding-right
      • border-top-width
      • border-bottom-width
      • border-left-width
      • border-right-width
      • border-style
      • border-color
      • background-color
      • background-image
      • background-position
      • background-size
      • background-repeat
      • background-attachment

Default Styles (Not including default browser styles): No

Trait Manager Settings: No

Unique Documentation: No

Stylable: Yes, when double-clicked, some options are available via inline rich-text editor. These Style Manager options are available:

  • margin-top
  • margin-bottom
  • margin-left
  • margin-right
  • padding-top
  • padding-bottom
  • padding-left
  • padding-right
  • border-top-width
  • border-bottom-width
  • border-left-width
  • border-right-width
  • border-style
  • border-color
  • box-shadow

Back to Story Builder

Back to Page Builder