TabStrip.XML

TabStrip.XML Demos

TabStrip.XML is a powerful lightweight component providing tabbed interfaces for websites.

It is easy to configure by simply adding a few lines of code and defining placeholder element with an ID at the place where the tabstrip should render.

The latest version of the control comes with new client API allowing total control over the tabstrips in runtime.

Make sure you use the component demos along with its online help and manual guide, available on this page.

Use "View Source" on your browser to learn how a tabstrip is initialized or manipulated.

Modes of Operation

Static - Content is Loaded from the Datafile

Async - Content is Loaded via AJAX Call on Demand

Template - Content is Loaded from Existing DOM Element on the Page

Welcome

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras purus pede, aliquam vel, eleifend in, mollis sit amet, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris tempor. Ut pretium. Donec libero turpis, viverra ac, pharetra vel, rutrum ut, pede. Proin vulputate diam a libero. Donec nec turpis. Integer purus. Proin ipsum risus, tempus scelerisque, tempus et, commodo quis, diam. Cras pulvinar urna ac erat. Aliquam pulvinar gravida justo.

About Us

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras purus pede, aliquam vel, eleifend in, mollis sit amet, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris tempor. Ut pretium. Donec libero turpis, viverra ac, pharetra vel, rutrum ut, pede. Proin vulputate diam a libero. Donec nec turpis. Integer purus. Proin ipsum risus, tempus scelerisque, tempus et, commodo quis, diam. Cras pulvinar urna ac erat. Aliquam pulvinar gravida justo.

Our Mission

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras purus pede, aliquam vel, eleifend in, mollis sit amet, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris tempor. Ut pretium. Donec libero turpis, viverra ac, pharetra vel, rutrum ut, pede. Proin vulputate diam a libero. Donec nec turpis. Integer purus. Proin ipsum risus, tempus scelerisque, tempus et, commodo quis, diam. Cras pulvinar urna ac erat. Aliquam pulvinar gravida justo.

External - Content is Loaded Synchronously in an Iframe

Customizing TabStrip.XML: Tabs Position, Icons Support, Skins and Close Button

TabStrip.XML offers a variety of ways for customization - setting position of the tabs buttons, imageless CSS3 skins support, tab button icons and tab close button.

Navigate to this page for demos on how to customize your tabs.

Client API: Methods and Events

TabStrip.XML features rich client API whch can be used to create tabstrips on the fly, manipulate tabs, destroy them. Special functionality can be added to the rendered event of the component as well.

Navigate to this page for demos of the client API of the component.

Event Logger