Kettic menu UI (User Interface) control for ASP.NET AJAX web application is an easy to use component library, which provides a variety of client side events and enables you to add custom menu into your web application. In this guiding page, we will mainly introduce you to the rich options of client side events, which you can use to control menu behaviors.

• Use client side event to control item clicking
• Use client side event to control item opening and closing
• Use client side event to control mouse over and mouse out behaviors
• Use client side event to control item focus and item blur behaviors
• Use client side event to control item populating

Apart from this client side event guiding page, Kettic also provides you with other user manuals to help you create and customize your menu, such as server side events guiding page for menu, Kettic menu template tutorial, and so on. You can find more in the right side navigation.

In this section, we will explore the available client side events provided by Kettic menu control library for ASP.NET AJAX. Each client side event will be explained in detail, and you can also find corresponding JavaScript sample codes from the demo page.

The first client side event you should know is ClientLoad. This event is quite important as it only occurs when a menu is first loaded to your web application.

Then you can control your item clicking behavior by utilizing the two client side events introduced below. Using these events, web developers can specify how you want your menu to respond to a mouse click.

• ClientItemClicking: This client side event takes place between a user clicking on a menu item and a menu responding to the item click.
• ClientItemClicking: This client side event takes place between a user clicking on a menu item and a menu responding to the item click.

Additionally, web programmers can also specify your menu behavior with a mouse hovering over or exiting a menu item. You can achieve that with these two events introduced in the list.

• ClientMouseOver: This client side event only occurs with the moving over a menu item.
• ClientMouseOut: This client side event only occurs with the moving off a menu item.

Moreover, you can also define menu behaviors for opening and closing a menu item easily with the help of the four client side events listed below.

• ClientItemOpening: This event takes place right before a parent item expands to show its child items.
• ClientItemOpened: This event takes place right after a parent item expands to show its child items.
• ClientItemClosing: This event takes place right before a parent item collapses to hide its child items.
• ClientItemClosed: This event takes place right after a parent item collapses to hide its child items.

Furthermore, developers are enabled to define menu behavior while the focus moving to or from a menu item. Here are the two events that can help.

• ClientItemFocus: This client side event takes place the focus is moved to a menu item.
• ClientItemBlur: This client side event takes place the focus is moved off a menu item.

Apart from that, developers can freely control the item populating behavior by setting related client side events. Here are three options for you.

• ClientItemPopulating: This client side event right before the web service populates the list of items or menu.
• ClientItemPopulated: This client side event right after the web service populates the list of items or menu.
• ClientItemPopulationFailed: This client side event when the web service fails to populate the list of items or menu.