In this tutorial, we will provide you with step by step guidance to create an ASP.NET web application in your Microsoft Visual Studio, and then integrate Kettic menu UI (User Interface) control library to add a custom menu into your web project.

Before you read on to learn about specific steps and guidance, first please verify that you have:

• Downloaded the free trial version of Kettic UI control package for ASP.NET AJAX
• Installed Microsoft .NET Framework 4.0 or above version
• Installed Microsoft Visual Studio 2010 or above version

Please note that apart from this guiding page to integrate menu control into ASP.NET web application, Kettic also provide a number of user manuals to help you customize the created menu further. A few of them are presented in the list below.

• A Guide for Special Menu Control Features
• A Guide for Menu Component Data Binding
• A Guide for Menu Control Client Side Event
• A Guide for Menu Control Server Side Event

Since all of the menu control integration and customization is completed within a Visual C# or Visual Basic .NET ASP.NET web application, in this section we will create an ASP.NET web project first. If you already have one you can skip this step, but if not, please follow the steps below.

1. Open your Microsoft Visual Studio 2010 and go to the File menu and select a New Web Site.
2. Now please select "ASP.NET Web Site" and then input a project name and corresponding location path for it.
3. Now you see a new ASP.NET web site is easily created!

In the above section, we have successfully created a new ASP.NET web site. In this section, we are coming to most important part where we will integrate a menu control to this project for future customization.

1. Go to your Visual Studio ToolBox and then drag an AjaxPanel to drop to your target web page.
2. After that, drag the menu control from VS ToolBox and drop to the AjaxPanel.
3. Now it is done!

Now you can see that Kettic menu control has been successfully added to your ASP.NET AJAX web application, with which you can create a simple menu at default. In this step, we will provide you with more guidance to help you customize the menu according to your requirements.

1. First please click the menu control’s smart tag in the Design View of the created web page.
2. Now you can click on the Edit item, and a property window will pop up.
3. You can customize all kinds of menu properties in this window as you wish.
4. When you are done, save any modification or change you have made and close the window.
5. Now you can run the project to view the menu after customization.