🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Tabview is a tabs plugin for jQuery Mobile.Tabs are now easier to manage using pure CSS. Just add the number of tabs you need usingdata-tabs="1-10" along with data-type="tabs" to the collapsible set. Also, by default tabs fallback to a regular collapsible-sets on small screens (see example). If you don’t want this, just remove the media query and tabs will be tabs at any screen size.

jQuery Mobile Plugins Responsive Tabs

Documentation

tabview

tabs for Jquery Mobile
version based on JQM 1.4.0a2 (August 2013)
demo: JQM tabview plugin

Changelog:
0.3.0

  • updated to JQM 1.4.0a2
  • changed data-type="horizontal" to data-type="tabs"
  • switched to fully CSS generated tabs
  • added fallback to regular collapsible-set below 40em screen width (using media queries)

Notes:
Tabs are now easier to manage using pure CSS. Just add the number of tabs you need using data-tabs="1-10" along with data-type="tabs" to the collapsible set. Also, by default tabs fallback to a regular collapsible-sets on small screens (see example). If you don't want this, just remove the media query and tabs will be tabs at any screen size.

Todos:

  • Fix bottom left corner of first tab
  • Support data-icon="false" for text-only tabs
  • Try two rows of tabs on small screens

You May Also Like