ComponentOne BarChart for ASP.NET WebForms
Client-Side Tutorials / Loading Data Conditionally / Step 1 of 4: Set Up Your Application
In This Topic
    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.

    1. When your application opens, locate the References folder in the Solution Explorer. Right-click the folder and select Add Reference from the context menu.
    2. Browse to locate the C1.Web.Wijmo.Controls.4.dll assembly reference. Select it and then select OK to add it to your application.
    3. 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.
    4. Locate the <head> </head> tags on your page. Insert your cursor between the tags and add the following client-side references:

      To write code in Source View

      <!--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>
    5. Below the references, add the following script. This will add some CSS styling to your application:

      To write code in Source View

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