TabView Control: Examples

The YUI TabView Control is designed to enable developers to create navigable tabbed views of content.

• Build from Markup: How build a TabView widget from markup.
• Build from Script: How to build a TabView widget from script.
• Adding Tabs: This demonstrates how to dynamically add tabs.
• Removing Tabs: This demonstrates how to dynamically remove tabs.
• Getting Content from an External Source: This demonstrates how to load Tab content from an external source.
• Skinning TabView: TabView skinning is done via CSS. The TabView comes with a default skin, but you can extend or override this as needed.
• Using the TabView ARIA Plugin: The TabView ARIA plugin makes it easy to use the WAI-ARIA Roles and States with the TabView control.

Other YUI Examples That Make Use of the TabView Control

• Editor inside a Tabview Control (included with examples for the Rich Text Editor)
• ImageLoader with TabView (included with examples for the ImageLoader Utility)
• TabView Integration (included with examples for the DataTable Control)
• Complex Application (included with examples for the Layout Manager)