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.9KB)

This sample demonstrates how to create a unique tab. The included CSS shows you the CSS classes that need to be created. It allows you to make as many or few changes as you wish. If a change is not supplied then the default CSS theme is applied. In this case, a css class called redtab is constructed in the css and used on the last tab.

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+.