ComponentOne AppView for ASP.NET WebForms
Quick Start / Step 1 of 3: Add C1AppView to the Page
In This Topic
    Step 1 of 3: Add C1AppView to the Page
    In This Topic

    In this step you'll create a new project and add an AppView for ASP.NET Web Forms control to your project. To begin the Quick Start, complete the following steps:

    1. From the Visual Studio File menu select New │ Project. The New Project dialog box will appear.
      1. Expand a language in the left-hand pane and select Web.
      2. In the right-hand pane, choose ASP.NET Empty Web Application, enter a Name for your application, and select OK.
      3. A new application will be created.
    2. In the Solution Explorer, right-click the project and choose Add Reference.
      1. In the Add Reference dialog box, locate and select the C1.Web.Wijmo.Controls.4 and C1.Web.Wijmo.Controls.Design.4 assemblies.
      2. Click OK to add the assembly references.
    3. Right-click the project in the Solution Explorer and from the context menu choose Add │ New Item.
      1. In the Add New Item dialog box, choose Web Form from the list of templates.
      2. Name this item "Main.aspx".
      3. Click Add to open the new page.
    4. Locate the <body> tags on the page. The markup should resemble the following sample:

      To write code in Source View

      <body>
          <form id="form1" runat="server">
          <div>

          </div>
          </form>
      </body>

    5. Edit the existing <div> </div> tags so that they resemble the following:

      To write code in Source View

      <div data-role="page"> </div>
    6. Place your cursor between the <div> </div> tags, and add the C1AppView control in one of the following ways:
      1. Locate the C1AppView control in the Visual Studio Toolbox. Double-click the control to add it to your application.
      2. Insert the following markup between the <div> </div> tags:

        To write code in Source View

        <cc1:C1AppView ID="C1AppView1" runat="server" Height="300px" ></cc1:C1AppView>

    You've completed creating a new project and adding a C1AppView control to your project. In the next step you'll customize the control's appearance and behavior.