Adding a Tabs Element

• Drag the Advanced element from the Main Toolbar to your website
• Select the Tabs element

Editing a Tabs Element

To edit a tabs element, select it and switch to the right-hand control bar

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