In this guiding page, we will provide you with a detailed introduction to the supported client side events which you might use so you can control the behavior of the integrated toolbar. Besides this client side events tutorial, Kettic also provides other guides for you to create a custom toolbar, such as:

In this section, we will list and explain all the supported client side events in details, which you can customize so as to control the toolbar behavior respectively. You can also go to the corresponding demo page to get the complete aspx sample codes or javascript codes.

Web developers can apply the Load client side event, which will take place when the toolbar is loaded for the first time.

You can also customize the button click behavior by setting the two client side events introduced in the list below, which defined how a toolbar button will respond to a button click.

• ButtonClicking: This client side event takes place after a user clicks on the button, and right before the toolbar responds to the click.
• Buttonclicked: This client side event takes place right after a user clicks on the button and the toolbar responds to the click.

If you have added a drop down in your toolbar buttons, you might need to use the two client side events introduced below, which are used to specify the drop down closing behavior.

• DropDownClosing: This client side event happens in advance of a toolbar dropdown collapse.
• DropDownClosed: This client side event happens after a toolbar dropdown closes.

Additionally, if you have included a drop down in your toolbar buttons, you might need to control the closing behavior as well as the opening behavior, which you can achieve with the two client side events listed below:

• DropDownOpening: This client side event happens before a toolbar dropdown opens.
• DropDownOpened: This client side event happens after a toolbar dropdown opens.

Moreover, you might also be interested as to how you can change the state before or after a toolbar button is checked. Well, you can customize this behavior with the two client side events below:

• CheckedStateChanging: This client side event only occurs right before a toolbar button is checked.
• CheckedStateChanged: This client side event only occurs right after a toolbar button is checked.

When a user right clicks on a button, a context menu should appear. And you can easily customize the ContextMenu client side event to achieve that.

Other than that, developers can also freely control the mouse over and mouse off behavior with ease by configure these client side events listed below:

• MouseOver: This client side event take place with the mouse is right over a button.
• MouseOut: This client side event take place with the mouse is moving off a button.