| Submitted On |
August 19, 2002 |
| Updated on |
July 25, 2007 |
| .NET Framework |
1.x |
| Cost |
$ 0 |
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