TabControl has some client-side events:

Client-side event	Description
onSelectedTabChange	Occurs when the selected tab is about to be changed.
onMouseOver	Occurs when the user moves the mouse pointer into a tab in the TabConrol.
onMouseOut	Occurs when the user moves the mouse pointer outside the boundaries of a tab in the TabConrol.

 

TabControl also has some client-side API functions for easily manipulating with tabs without postback.

 

Client-side API functions list:

Function name	Description
al_TabControl_SingleRowMode(clientID, single, width)	Switches the TabControl with identifier clientID from multi row interface to single row interface (single parameter), if single equals true (to single row interface), than width parameter sets the new TabControl width (in percent or pixel).

 

Example:

<al:tabcontrol id="TabControl1" runat="server" TabRowNumber="2" Width="400px" Height="400px">

     <al:TabPanel Text="Restore">

          <ContentTemplate><img alt="" src="images/tab4.jpg"/></ContentTemplate>

     </al:TabPanel>

     <al:TabPanel Text="Updates">

          <ContentTemplate><img alt="" src="images/tab5.jpg"/></ ContentTemplate>

     </al:TabPanel>

</al:tabcontrol>

 

<input type="button" onclick="al_TabControl_SingleRowMode('Tabcontrol1', true, '100%');" value="make single row">

<input type="button" onclick="al_TabControl_SingleRowMode('Tabcontrol1', false);" value="make multi row">

Controls: Tab content | TabControl overview | Tab Orientation

 

 

---

© 2002-2007 Astron Digital. All Rights Reserved.