Tabs

Example 1** **

Example 2

** **

View a live demo of this module.

The following is a detailed listing of all the Content and Style fields available in this module.

Content

• Tabs [Repeater Group]
  • Title [Text]
  • Description [Text]
  • Columns [Repeater Group]
    • Label _[Text]
      _This field is just used as a label in the module editor repeater list.
    • Width _[Number]
      _Columns align on a 12 column grid, so the sum of all columns should be no more than 12.
    • Rows [Repeater Group]
      • Label _[Text]_This field is just used as a label in the module editor repeater list.
      • Content Type _[Choice]
        _Choices: Text, Button, Image, Form, Video, Agenda
      • Text _[Common Module Fields]
        _If Content Type is Text.
      • Buttons _[Repeater Group]
        _If Content Type is Button.
        • Buttons [Common Module Fields]
      • Image _[Image]
        _If Content Type is Image.
      • Image Link _[Link]
        _If Content Type is Image.
      • Form _[Common Module Fields]
        _If Content Type is Form.
      • Video _[Common Module Fields]
        _If Content Type is Video.
      • Events _[Repeater Group]
        _If Content Type is Agenda.
        • Text [Common Module Fields]
• Advanced [Common Module Fields]

Styles

• Dark Mode [Boolean]
  Check to use Dark Mode colors set in the Theme Settings.
• Module [Group]
  • Module Styles [Common Module Fields]
• Tabs [Group]
  • Styles _[Choice]
    _Choices: Link, Button
  • Space between tabs [Number]
  • Links [Group]
    • Main Text [Group]
      • Font Styles [Common Module Fields]
    • Description Text [Group]
      • Font Styles [Common Module Fields]
    • Box Styles [Common Module Fields]
  • Arrows _[Group]
    _When there are too many tabs to fit the width of the module the navigation will become a slider.
    • Type _[Choice]
      _Choices: Arrow, Chevron
    • Size [Number]
    • Size (Mobile) [Number]
    • Color [Color]
    • Color (Hover) [Color]
    • Box Styles [Common Module Fields]
  • Box Styles [Common Module Fields]
• Timeline [Group]
  • Line [Group]
    • Width [Number]
    • Color [Color] 
  • Connector [Group]
    • Size [Number]
    • Offset _[Number]
      _Used to move the connectors up (negative offset) or down (positive offset).
    • Box Styles [Common Module Fields]
  • Text Styles [Common Module Fields]
• Text [Group]
  • Text Styles [Common Module Fields]
• Images [Group]
  • Image Styles [Common Module Fields]
• Forms [Group]
  • Form Styles [Common Module Fields]
• Videos [Group]
  • Video Styles [Common Module Fields]