Controls You Can Use on Web Forms ASP.NET IE WebControls TabStrip WebControl
The TabStrip WebControl simplifies the authoring of user interface ( UI ) elements used for navigating site content.
The TabStrip renders a tabbed menu interface that behaves similarly to the tabstrips commonly used in Microsoft Windows applications.
Essentially, a TabStrip serves simply as a container for one or more TabItem controls that users can select. The TabStrip supports the following types of controls.
| Control Type |
Description |
| Tab |
Defines a tab element. |
| TabSeparator |
Defines a separator element. |
The TabStrip offers a range of features. The control can contain either
- text-based tabs, if you only want to focus on the text content of the tabs; and/or
- image-based tabs, if you want partial or full control over the appearance of the UI. The control supports the use of graphic elements inside any of its child elements.
In addition, the TabStrip can be set to render either horizontallly or vertically. The alignment of the Tab elements in a TabStrip can be defined by setting the Orientation property.
The below examples illustrate using a simple TabStrip control.
The TabStrip is tightly connected to a second type of Microsoft Internet Explorer WebControl, the MultiPage control. When the TabStrip is used in conjunction with the MultiPage control, each Tab element on the TabStrip is automatically linked to a corresponding PageView element on the MultiPage in the order of their appearance in the document structure, if the TargetID attribute of the TabStrip is set to the ID of the MultiPage.
Using the TabStrip and the MultiPage controls together enables content to be presented and paged without requiring code for navigating the different pages in a MultiPage control.
The below examples show using a TabStrip with the MultiPage control.
The TabStrip includes default style and property settings that apply to all its child controls, but which can optionally be overwritten by explicitly setting specific style and/or property attributes for the TabStrip.
The style and/or property attributes can also be set for each Tab or TabSeparator element, providing authors with greater flexibility when creating a personalized TabStrip control.
Adding TabStrip Controls to a Web Forms Page Customizing the TabStrip Control User Interface