Step 1 of 4: Set Up Your Application

In This Topic

Step 1 of 4: Set Up Your Application

In this step, you'll set up your application, including adding the appropriate assembly references to your application, adding a Main.aspx WebForm, and adding client-side references.

When your application opens, locate the References folder in the Solution Explorer. Right-click the folder and select Add Reference from the context menu.
Browse to locate the C1.Web.Wijmo.Controls.4.dll assembly reference. Select it and then select OK to add it to your application.
Right-click your application name and select Add | WebForm from the context menu. Name the new WebForm Main, and select OK. The new WebForm should open.

Locate the <head> </head> tags on your page. Insert your cursor between the tags and add the following client-side references:

<!--jQuery References-->
    <script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js" type="text/javascript"></script>
    <!--Theme-->
    <link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css" rel="stylesheet"
        type="text/css" />
    <!--Wijmo Widgets CSS-->
    <link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20133.20.min.css" rel="stylesheet"
        type="text/css" />
    <!--Wijmo Widgets JavaScript-->
    <script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20133.20.min.js" type="text/javascript"></script>
    <script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20133.20.min.js" type="text/javascript"></script>

Below the references, add the following script. This will add some CSS styling to your application:

<style type="text/css">
        #path
        {
            color: Red;
            border: 1px solid #ddd;
            margin: 10px;
            padding: 0;
        }
    </style>