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.
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.
TabStrip.XML can be initialized not only on pageload, but also on demand - after the page has loaded - for example after partial page updates or upon user interaction. The component can also be fully removed from the page by using its destroy() method.
rendered() and "tabstrip-xml-rendered"You can subscribe to the rendered event of TabStrip.XML to execute some code after the component is fully loaded. This can be done in two ways - by using the rendered property in the constructor of the component, or by subscribing to the "tabstrip-xml-rendered" event via jQuery or purely with JavaScript.
All of the examples on this page log data into the event logger on the top right and this functionality si achieved by listening to the rendered event of the component
onclientclick="" and onclientclick: function(){}You can assign custom function to each tab that will be executed when tab is clicked by using the onclientclick="" property of the datafile or onclientclick property of the add() method of TabStrip.XML. All of the examples on this page log an event in the event logger on the top right when tab button is clicked.