Widget:Vertical Tab


Back: Widget Home
 

Example 1

No of Tabs: 2


 

test
 
Example 2: 

No of Tab 3:
Test Tab 1
 

Example 3

No of tabs Tab 3
test 3
 

Example 1

No of Tabs: 2


 

test
 
Example 2: 

No of Tab 3:
Test Tab 1
 

Example 3

No of tabs Tab 3
test 3
 

Widget Fields

  • Number Of Tabs*
    • Allows 2, 3, 4,5, 6, 7, or 8 tabs
  • Vertical Tabs
    • If unchecked all tabs will be horizontally dsplayed. For reference, see above Example 1 
    •  If checked all tabs will be vertictally dsplayed For reference, see above Example 2  
  • Tabs Align Right (Available when Vertical tab is checked) 
    • If unchecked all the tabs are left align For reference, see above Example 2
    • If checked all the tabs are right align  For reference, see above Example 3
  • ​Mobile view dropdown
    • Show dropdown in place of tab in mobile view. For reference see Eample 3 in mobile view.
  • Title 1 Tab 
    • Add title for the tab
  • Random Tabs
    • Show tabs randomly
  • Tab1CSS
    • Add css class to the respective tab
  • Tab 1 Thumbnail
    • Select the thumbnail for respective ab from media gallery

* Required Field

After adding all details click on save & close button. Now vertical tab has been created.  To show data on vertical tabs click on tab and add a new widget and save data in that widget. For reference see above examples. Repeat the process for all the tabs to fill the data.