Tabs Settings


  • Panel Count: (number) The number of panels in the Accordion
    • Default: 2
    • Min Value: 2
    • Max Value: 60
  • Style: (select) The color scheme for the Accordion
    • Default: Secondary (Site Style)
    • Possible Values:
      • Primary (Site Style)
      • Secondary (Site Style)
      • Swatch 1 (Site Style)
      • Swatch 2 (Site Style)
      • Swatch 3 (Site Style)
      • Swatch 4 (Site Style)
      • Swatch 5 (Site Style)
      • Swatch 6 (Site Style)
      • Custom
  • Background: (color) The color of the button
    • Enable: When Style is set to custom
    • Allows Opacity: true
  • Title: (color) The color of the button text
    • Enable: When Style is set to custom
    • Allows Opacity: true
  • Active Transparent?: (checkbox) Make the active tab transparent
    • Enable: When Style is set to custom
    • Default: false
  • Tab Position: (select) Select how the tabs are positioned
    • Default: Horizontal
    • Possible Values:
      • Horizontal
      • Vertical (Left)
      • Vertical (Right)
  • Animate Tabs?: (checkbox) Add a fade in animation to each of the slides
    • Default: false

  • Tab Text: (number) The size of the tab text
    • Default: 1rem
    • Min Value: 0rem
    • Max Value: 10rem
  • Padding X: (number) The size of the padding on the left and right of the tabs
    • Default: 2rem
    • Min Value: 0rem
    • Max Value: 10rem
  • Padding Y: (number) The size of the padding on the top and bottom of the tabs
    • Default: 1rem
    • Min Value: 0rem
    • Max Value: 10rem

  • Tab Linking?: (checkbox) Allow tabs to be linked to
    • Default: false
  • LinkID (Advanced): (input) You use this id setting to link to each tab. You need to append the tab number to the LinkId. For example, if your LinkID was set to “tab”, then your hash tag that you would add to the URL would be #tab2 to link to tab 2.
    • Enable: When Tab Linking? is set to true
    • Default: %id%_panel