- Nitobi
- Built for People
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
This sample demonstrates how to create nested tabs. Two tabstrip declarations are place on the page. The first tabstrip is the master, and it's second tab references the second tabstrip. Each tab is loaded ondemand. On load, only the first tabstrip is ininitialized.
Note how after the first tabstrip has loaded, it will automatically include, and initialize the second (innermost) tabstrip. The CSS class chosen for the innermost tabstrip is designed to fit squarely into the outer tabs body. You can of course, pick any CSS class for either tabstrip.
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+.