Adding an Accordion Element

• Drag the Advanced element from the Main Toolbar onto your website
• Select the Accordion element

Editing an Accordion Element

To edit an accordion element, select it and switch to the Right Toolbar

• Accordion tab
  • New Item - Creates a new accordion element
    • Note: You can place any widget from the main toolbar within an accordion element
  • Edit Items - Define the order of the elements, the item name, the item icon and the position (alignment) of the items icon
  • Layout - Select a layout for the navigation element. The following are available:
    • Accordion - Vertical tabs
    • Tabs - Horizontal tabs
    • Sliders - Horizontal sliders
  • Note: The accordion element expanded in the website builder will also be the one expanded on the published website.
  • Default - Specify the background (color), the border and the (text) color of an accordion element that is not expanded
  • Hover - Specify the background (color), the border and the (text) color of an accordion element over which the mouse is moved
  • Active - Specify the background (color), the border and the (text) color of an accordion element that is expanded
• Text tab
  • Background - Specify the background color of an expanded accordion element
  • Border - Specify the border of an expanded accordion element
  • Title style - Specify the font, size, line height, style, alignment, letter spacing and font scale factors of the accordion title
  • Titlespacing - Specify the spacing between accordion title and accordion tab
  • Text spacing - Specify the spacing between content and element for extended accordion elements