In this page, we will introduce you to the client side events provided by Kettic Tab Control for ASP.NET AJAX web application. But first, you should know a few things about this control. Currently this tab control is compatible with .NET 4.0 and above versions, and you can easily integrate it into Microsoft Visual Studio 2010 and later versions for tab creation.

In the following sections, a variety of client side events will be introduced to you in details, which you can utilize and customize your tab control behavior. Apart from this client side event guiding page, Kettic also provides a number of other tutorial for your tab creation and customization.

• Tab Control Server Side Events Guiding Page
• Tab Control Reordering Guiding Page
• Tab Control Scrolling Guiding Page

In this section, you will get to know a number of client side events supported by Kettic tab control for ASP.NET AJAX. Each event will be presented to you with a detailed introduction. If you want to try for yourself, you can simply download a free trial by clicking on the download button, and then go to corresponding demo page to get the related javascript or Visual C# / Visual Basic .NET sample codes.

1. Firstly, users can use the Load event to get your tab control loaded for further customization.
2. And then the ContextMenu might appear in advance of the appearance of a context menu.
3. Furthermore, the DoubleClick event should occur when the user double clicks on a certain tab.
4. And you can fire the DragDropStart event once the drag begins.

In addition, web developers can find it quite easy to control the tab interaction with the mouse by applying the MouseOut and MouseOver client side events.

• MouseOver Event: This client side event occurs while a mouse is moving over the tab.
• MouseOut Event: This client side event occurs while a mouse is moving off the tab.

Moreover, web designers and programmers can also decide whether a tab is enabled or disabled. A disabled tab will not be active for any clicking of URL navigation, etc.

• TabEnabled Event: This client side event occurs on condition that a tab is enabled.
• TabDisabled Event: This client side event occurs on condition that a tab is disabled.

You are also allowed to easily adjust the tab behavior while a tab is selected. This can be achieved with the three client side events introduced below:

• TabSelected: This event takes place right after a tab is selected.
• TabUnSelected: This event takes place right after a tab is unselected.
• TabSelecting: This event takes place right before a tab is selected.

Last but not the least, developers can also specify the tab reordering behaviors with the two reorder client side events explained below.

• Reordering: This client side event is fired before the completion of tab reordering, i.e., before it is dragged and dropped to a new location.
• Reordered: This client side event is fired after the completion of tab reordering, i.e., after it is dragged and dropped to a new location.