Skip to Navigation | Skip to Content

Products

Nitobi Tabstrip

Nitobi Tabstrip

An Ajax-powered tab-strip component with native support for other Nitobi components, client-side statefulness, and skinnability. Download our Nitobi Tabstrip component and implement a rich tab-based user interface immediately.

Live Demo | View Source | Download Now (1.8KB)

DOM Tab

This sample demonstrates the different ways to display html in the tabs.

  • The first tab is an iframe tab.
  • The second tab uses a dom element declared on this page.
  • Lastly, the third tab makes an Ajax request for its content when it is set to active.

Note that the Ajax tab uses the loadondemandenabled attribute; thus the Ajax request isn't made until the tab is clicked.

Example Source Code (hide)

Tabstrip Markup

JavaScript Code

Overview

Multi-mode operation

Native Ajax support can be replaced with iFrame integration and traditional page-based navigation.

Fade Transitions

A declarative interface makes customizing the behaviour of your grid quick and easy. Extend the built in features using the JavaScript API.

Nitobi Component Aware

An XML-based Ajax data architecture allows for high-performance rendering of large amounts of data. Allows users to sort, scroll, edit, and save huge datasets with the speed of desktop software.

Integrates with Adobe Dreamweaver.

Simply drag and drop Ajax components into sites and applications using Adobe Dreamweaver CS3.

Fully Skinnable

Customize the look and feel, and add custom-skinned tabs through CSS

Full Keyboard Support

Fully compliant keyboard support speeds up user interactions.

Native Statefulness

Selected tab, new tabs, and delete tabs can be stored as a cookie and restored automatically.

Cross Browser.

Nitobi components have full support for an array of modern browsers including IE6+, Firefox, Mozilla 1.3+, Camino, and Netscape 7+, and Safari 3+.

Products