In this topic you will create an ASP.NET web site and add a C1SuperPanel control to the Default.aspx page.

1. Begin by creating an ASP.NET Web application. Note that if using Visual Studio 2008, you must add a ScriptManager control to the form. If using Visual Studio 2005, the ScriptManager control is automatically added to the form.
2. Add the following references to your project:
   • C1.Web.Wijmo.Controls.4.dll
   • C1.Web.Wijmo.Controls.Design.4.dll
   • C1.C1Report.4.dll
3. Add the controls to the Toolbox.
   1. Open the Visual Studio IDE (Microsoft Development Environment). Make sure the Toolbox is visible (select Toolbox in the View menu if necessary), and right-click it to open the context menu.
   2. To make the Studio for ASP.NET Web Forms components appear within a tab in the Toolbox, select Add Tab from the context menu and type in the tab name (for example, Studio for ASP.NET Web Forms).
   3. Right-click the tab where the component is to appear and select Choose Items from the context menu. The Choose Toolbox Items dialog box opens.
   4. In the dialog box, select the .NET Framework Components tab. Sort the list by Assembly Name (click the Assembly Name column header) and check the check boxes for all components corresponding to Assembly Name C1.Web.Wijmo.Controls.x.
   5. Click OK to close the dialog box. The controls are added to the Visual Studio Toolbox.
4. Add a new Web Form to your project. Right-click the project name in the Solution Explorer and select Add | New Item. Within the Add New Item dialog box select Web Form from the list of templates. Provide a name to the form.
5. While in the Design view, navigate to the Visual Studio Toolbox and double-click the C1SuperPanel control. This adds SuperPanel control to your form.       

   By default, C1SuperPanel's width automatically fills the page. The C1SuperPanel tags are added to your source code.

   	Copy Code
   <cc1:C1SuperPanel ID="C1SuperPanel1" runat="server"> </cc1:C1SuperPanel>

Run your application and observe:

Click the bottom-right corner of the C1SuperPanel control and drag the mouse over the control toward the upper-left corner to reduce the size.