/tabview

jQuery Mobile tabs

Primary LanguageJavaScript

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