Vertical tabs

How to use

  1. Switch to visual editor
  2. Push on icon “Add vertical tabs”
    shortcodes-vtabs
  3. Edit each tabs headlines title=”Title 1″
  4. Put content inside [fruitful_tab] [/fruitful_tab]
  5. Add or remove additional attributes

Attributes

  • id = “”
  • type = “default, vertical, accordion”
  • width = “100%”
  • fit = “true, false”
  • widthtab = “”
  • tabcolor=”#ff0000″

Type

  • Title 1
  • Title 2
  • Title 3
Tab 1 content place
Tab 2 content place
Tab 3 content place
[fruitful_tabs type="vertical" width="100%" fit="false"]
[fruitful_tab title="Title 1"] Tab 1 content place [/fruitful_tab]
[fruitful_tab title="Title 2"] Tab 2 content place [/fruitful_tab]
[fruitful_tab title="Title 3"] Tab 3 content place [/fruitful_tab]
[/fruitful_tabs]

Width

  • Title 1
  • Title 2
  • Title 3
Tab 1 content place
Tab 2 content place
Tab 3 content place
[fruitful_tabs type="vertical" width="55%"]
[fruitful_tab title="Title 1"] Tab 1 content place [/fruitful_tab]
[fruitful_tab title="Title 2"] Tab 2 content place [/fruitful_tab]
[fruitful_tab title="Title 3"] Tab 3 content place [/fruitful_tab]
[/fruitful_tabs]

Width for tab

  • Title 1
  • Title 2
  • Title 3
Tab 1 content place
Tab 2 content place
Tab 3 content place
[fruitful_tabs type="vertical" width="100%" fit="false" widthtab="100px"]
[fruitful_tab title="Title 1"] Tab 1 content place [/fruitful_tab]
[fruitful_tab title="Title 2"] Tab 2 content place [/fruitful_tab]
[fruitful_tab title="Title 3"] Tab 3 content place [/fruitful_tab]
[/fruitful_tabs]

Tabcolor

  • Title 1
  • Title 2
  • Title 3
Tab 1 content place
Tab 2 content place
Tab 3 content place
[fruitful_tabs type="vertical" width="100%" tabcolor="#ff0000"]
[fruitful_tab title="Title 1"] Tab 1 content place [/fruitful_tab]
[fruitful_tab title="Title 2"] Tab 2 content place [/fruitful_tab]
[fruitful_tab title="Title 3"] Tab 3 content place [/fruitful_tab]
[/fruitful_tabs]