Step 1 of 3: Adding C1LinearGauge to the Page

In This Topic

In this step you'll create and set up a Web site and add an empty C1LinearGauge control. Complete the following steps to add the C1LinearGauge control to a Web site:

From the Visual Studio File menu select New │Project. The New Project dialog box will appear.
In the New Project dialog box expand a language in the left-hand pane and select Web. In the right pane, choose ASP.NET Empty Web Application, enter a Name for your application, and select OK. A new application will be created.
In the Solution explorer, right-click the project and choose Add Reference.
In the Add Reference dialog box, locate and select the C1.Web.Wijmo.Controls and C1.Web.Wijmo.Controls.Design assemblies and click OK. The references will be added.
Right-click the project in the Solution Explorer and from the context menu choose Add │ New Item.
In the Add New Item dialog box choose Web Form from the list of templates, name the item "Default.aspx", and click Add. The new page should open.
In Source view, add the following markup at the top of the page to register the C1LinearGauge assembly:

To write code in Source View
```
  <%@ Register Assembly="C1.Web.Wijmo.Controls.4" Namespace="C1.Web.Wijmo.Controls.C1LinearGauge" TagPrefix="cc1" %>       
```
Depending on the assembly added, you may need to replace "C1.Web.Wijmo.Controls.4" with "C1.Web.Wijmo.Controls.3" above.
Place your mouse between the page's initial <div></div> tags, and add the following markup to add the C1LinearGauge control to the page:

To write code in Source View
```
 <cc1:C1LinearGauge ID="C1LinearGauge1" runat="server"></cc1:C1LinearGauge>
```
Run your application, and observe that the page now looks similar to the following image:

In this step you added a C1LinearGauge control to the form, but the control is currently I unformatted. In the next step of the quick start, you'll add content to the control.