Fancy Tabs

[TS-VCSC-Icon-Title title=”Fancy Tabs Features” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”RmVhdHVyZXM=”][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”critical” panel_icon=”ts-awesome-warning” panel_title=”No Frontend Editor Support!” font_title_family=”Default:regular” font_content_family=”Default:regular”]

This element can currently only be added and edited with the standard WordPress backend editor. The frontend editor mode of Visual Composer is not (yet) supported by this element, although you will be able to edit the individual tab content elements, but not the tabs themselves.

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”20″][TS_VCSC_Fancy_List list_type=”image” marker_image=”http://tekanewascripts.com/composium/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png” content_margin=”10″]

  • 4 tab positions (horizontal top, horizontal bottom, vertical left, vertical right)
  • Add font icon to each tab individually
  • 6 tab transition effects
  • 9 pre-built color themes
  • Define colors for each tab individually
  • Set initial tab to be opened upon pageload
  • Define breakpoints to switch to icon only tabs and mobile collapsible menu
  • Add shadow, grow and rounded effects to tabs
  • Use auto-rotation of tabs with optional progress bar and control buttons
  • Optional deeplinking to trigger tabs via external links or links inside the tab content

[/TS_VCSC_Fancy_List]

[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Horizontal Tabs – Top” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”SG9yaXpvbnRhbCUyQyUyMFRvcA==”][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”info” panel_icon=”ts-awesome-info-circle” font_title_family=”Default:regular” font_content_family=”Default:regular”]

This tab element will initially open the 2nd tab and also utilizes an auto-rotation, with a delay of 5 seconds. It also provides manual control to pause/start the auto rotation and to manually rotate the tabs via next and previous buttons.

The element is also using a so-called “deeplinking” feature, allowing you to target individual tabs with other buttons on your page, even inside the tab content.

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer][TS_VCSC_Fancy_Tabs_Container tabs_default=”2″ tabs_deeplinking=”session” tabs_breakmedium=”960″ tabs_autorotate=”true” tab_contid=”a719ddde-375c-2″ tabs_controls=”true”][TS_VCSC_Fancy_Tabs_Single icon=”ts-awesome-asterisk” title=”Tab 1″ tab_id=”3d652f4a-9eb0-3″]

Lorem recusabo iudicabit in vis, ex quas choro vocent mea. Qui cu offendit imperdiet. Ne nulla minim deseruisse eum. Rebum altera habemus est ne. Mel mollis urbanitas accommodare ex, no quo alia constituam referrentur, in quo veri convenire. His ei purto suscipit.

[/TS_VCSC_Fancy_Tabs_Single][TS_VCSC_Fancy_Tabs_Single icon=”ts-awesome-futbol-o” title=”Tab 2″ tab_id=”65324d8b-6f91-7″ padding=”padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;”]

At omittantur disputationi cum, erat invidunt conceptam usu et. Hendrerit omittantur voluptatibus ea eam. Eos ad inimicus expetendis, eum altera graeco definitiones ut. Falli detraxit tincidunt eos ad. Atqui putant equidem ex usu, at falli repudiare mei, sed cu solet aeterno. Ut mei facilisi molestiae.

[/TS_VCSC_Fancy_Tabs_Single][TS_VCSC_Fancy_Tabs_Single icon=”ts-awesome-camera” title=”Tab 3″ tab_id=”1429109016792-2-9″]

Verear debitis mediocrem per et, regione accusamus ad sea. At mea atqui scribentur. Vim in movet audire consetetur, singulis adipisci comprehensam no per. Fuisset ponderum complectitur te pri, meis impetus percipitur an has, fugit efficiantur ei eos.

[/TS_VCSC_Fancy_Tabs_Single][/TS_VCSC_Fancy_Tabs_Container]
[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Horizontal Tabs – Bottom” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”SG9yaXpvbnRhbCUyQyUyMEJvdHRvbQ==”][TS_VCSC_Fancy_Tabs_Container tabs_horizontal=”bottom” tabs_effect=”slideleft” tabs_breakmedium=”960″ tabs_theme=”pws_theme_green” tabs_controls=”true” tab_contid=”1429206996439-4-1″][TS_VCSC_Fancy_Tabs_Single title=”Tab 1″ tab_id=”1429206997205-12-9″]

Lorem recusabo iudicabit in vis, ex quas choro vocent mea. Qui cu offendit imperdiet. Ne nulla minim deseruisse eum. Rebum altera habemus est ne. Mel mollis urbanitas accommodare ex, no quo alia constituam referrentur, in quo veri convenire. His ei purto suscipit.

[/TS_VCSC_Fancy_Tabs_Single][TS_VCSC_Fancy_Tabs_Single title=”Tab 2″ tab_id=”1429207000358-13-10″]

At omittantur disputationi cum, erat invidunt conceptam usu et. Hendrerit omittantur voluptatibus ea eam. Eos ad inimicus expetendis, eum altera graeco definitiones ut. Falli detraxit tincidunt eos ad. Atqui putant equidem ex usu, at falli repudiare mei, sed cu solet aeterno. Ut mei facilisi molestiae.

[/TS_VCSC_Fancy_Tabs_Single][TS_VCSC_Fancy_Tabs_Single title=”Tab 3″ tab_id=”1429207003888-14-5″]

Verear debitis mediocrem per et, regione accusamus ad sea. At mea atqui scribentur. Vim in movet audire consetetur, singulis adipisci comprehensam no per. Fuisset ponderum complectitur te pri, meis impetus percipitur an has, fugit efficiantur ei eos.

[/TS_VCSC_Fancy_Tabs_Single][/TS_VCSC_Fancy_Tabs_Container]
[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Vertical Tabs – Left” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”VmVydGljYWwlMkMlMjBMZWZ0″][TS_VCSC_Fancy_Tabs_Container tabs_align=”vertical” tabs_effect=”slidetop” tabs_breakvertical=”960″ tabs_theme=”pws_theme_red” tabs_controls=”true” tab_contid=”1429206770179-4-9″][TS_VCSC_Fancy_Tabs_Single icon=”ts-awesome-archive” title=”Tab 1″ tab_id=”1429206770867-12-1″]

Lorem recusabo iudicabit in vis, ex quas choro vocent mea. Qui cu offendit imperdiet. Ne nulla minim deseruisse eum. Rebum altera habemus est ne. Mel mollis urbanitas accommodare ex, no quo alia constituam referrentur, in quo veri convenire. His ei purto suscipit.

[/TS_VCSC_Fancy_Tabs_Single][TS_VCSC_Fancy_Tabs_Single icon=”ts-awesome-bullhorn” title=”Tab 2″ tab_id=”1429206774021-13-4″]

At omittantur disputationi cum, erat invidunt conceptam usu et. Hendrerit omittantur voluptatibus ea eam. Eos ad inimicus expetendis, eum altera graeco definitiones ut. Falli detraxit tincidunt eos ad. Atqui putant equidem ex usu, at falli repudiare mei, sed cu solet aeterno. Ut mei facilisi molestiae.

[/TS_VCSC_Fancy_Tabs_Single][TS_VCSC_Fancy_Tabs_Single icon=”ts-awesome-fax” title=”Tab 3″ tab_id=”1429206776976-14-4″]

Verear debitis mediocrem per et, regione accusamus ad sea. At mea atqui scribentur. Vim in movet audire consetetur, singulis adipisci comprehensam no per. Fuisset ponderum complectitur te pri, meis impetus percipitur an has, fugit efficiantur ei eos.

[/TS_VCSC_Fancy_Tabs_Single][/TS_VCSC_Fancy_Tabs_Container]
[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Vertical Tabs – Right” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”VmVydGljYWwlMkMlMjBSaWdodA==”][TS-VCSC-Spacer][TS_VCSC_Fancy_Tabs_Container tabs_align=”vertical” tabs_vertical=”right” tabs_effect=”none” tabs_breakvertical=”960″ tabs_theme=”pws_theme_gold” tabs_controls=”true” tab_contid=”a020c163-5697-7″][TS_VCSC_Fancy_Tabs_Single title=”Tab 1″ tab_id=”36eaa75e-ad7f-5″]

Lorem recusabo iudicabit in vis, ex quas choro vocent mea. Qui cu offendit imperdiet. Ne nulla minim deseruisse eum. Rebum altera habemus est ne. Mel mollis urbanitas accommodare ex, no quo alia constituam referrentur, in quo veri convenire. His ei purto suscipit.

[/TS_VCSC_Fancy_Tabs_Single][TS_VCSC_Fancy_Tabs_Single title=”Tab 2″ tab_id=”688aa751-2790-6″]

At omittantur disputationi cum, erat invidunt conceptam usu et. Hendrerit omittantur voluptatibus ea eam. Eos ad inimicus expetendis, eum altera graeco definitiones ut. Falli detraxit tincidunt eos ad. Atqui putant equidem ex usu, at falli repudiare mei, sed cu solet aeterno. Ut mei facilisi molestiae.

[/TS_VCSC_Fancy_Tabs_Single][TS_VCSC_Fancy_Tabs_Single title=”Tab 3″ tab_id=”1429204487487-2-0″]

Verear debitis mediocrem per et, regione accusamus ad sea. At mea atqui scribentur. Vim in movet audire consetetur, singulis adipisci comprehensam no per. Fuisset ponderum complectitur te pri, meis impetus percipitur an has, fugit efficiantur ei eos.

[/TS_VCSC_Fancy_Tabs_Single][/TS_VCSC_Fancy_Tabs_Container]