Vertical Tab (Ajax)

• Demo

  • Tab 1
  • Tab 2
  • Tab 3

  Definition and Usage

  The tab = "ajaxvertical" attribute defines an Ajax vertical tab, which load the content on demand from an external file. You just need to add a tab list and mention the files accordingly and the framework would take care of other things. If there is a request error then an error message would be displayed.

  Add class="active" to define the active tab.

  <ul tab = "ajaxvertical" id="vTab">

  <li ><a href="content1.html" class="active" >Tab 1</a></li>

  <li><a id="a" href="content2.html" >Tab 2</a></li>

  <li><a href="noContent.html" id="HyperLink3">Tab 3</a></li>

  </ul>

• HTML Controls

  Panels

  Collapseble Panel (Collapsed) Collapseble Panel (Expanded) Static Panel

  Tabs

  Horizontal Tab (Ajax) Vertical Tab (Ajax) Horizontal Tab Vertical Tab

  Pop Up

  Modal Popup (Header = true) Modal Popup Modal Popup (BIG data)