HomeCommunityControl GalleryNavigation ControlsIE WebControlsTabSheet

TabSheet



Submit a Review

5,986 Downloads

53,547 Views


Description

Creates a DHTML tabbed interface for IE5.x. The tag will allow multiple nested tabs and as much customizing as you would like to do. You can add custom behaviors with any of the standard keyboard or mouse events.

Syntax Example

<ui:tabsheet runat="server" activeTab="1" width="450" height="200" orientation="top" title="I am the main TabSheet" invisibleTabContent="hello I am in the invisibleTabContent area" invisibleTabWidth="70%" id="tab3"> <tab title="first tab" label="Tab 1" style="background-color:khaki; padding-left:10px;"><br><br> <ui:tabsheet runat="server" activeTab="1" width="350" height="100" orientation="bottom" title="I am the inner TabSheet" id="tab1"> <tab label="tab 1-1" style="background-color:lightblue;" id="tab11"> <blockquote> This tabsheet is nested inside of the first tab of the main tabsheet. </blockquote> </tab> <tab label="Tab 1-2" title="I am a bottom tab" style="background-color:#d8bfd8; color:white; font-weight:bold;" id="tab12"> <blockquote> My text and background colors have been altered through the style property of this tab tag. </blockquote> </tab> </ui:tabsheet> </tab> <tab title="Second Tab" label="Tab 2" style="background-color:lightgreen;"> <blockquote> This tab has a label of Tab 2 and a title of Second Tab when you hold the mouse of the body of the tab you will see the tool tip say Second Tab. </blockquote> </tab> </ui:tabsheet>

Reviews

Submit a review