BarChart for ASP.NET WebForms
Step 2 of 4: Create the Server-Side Controls
Client-Side Tutorials > Loading Data Conditionally > Step 2 of 4: Create the Server-Side Controls

In this step, you will add the server-side controls to your application.

  1. Place your cursor between the <body> </body> tags. Locate the C1BarChart control in the Visual Studio Toolbox and double-click to add it to the page. The markup added should resemble the following:

    To write code in Source View

    <cc1:C1BarChart ID="C1BarChart1" runat="server">

    <:/cc1:C1BarChart>
  2. Place your cursor directly below the C1BarChart markup. Locate the C1ComboBox control in the Visual Studio Toolbox and double-click to add it to the page. The markup added should resemble the following:

    To write code in Source View

    <cc1:C1ComboBox ID="C1ComboBox1" runat="server"><:/cc1:C1ComboBox>
    
  3. Next, we'll set some of the C1BarChart properties. Place your cursor between the <cc1:BarChart> <:/cc1:BarChart> tags and insert the following markup. This will format the Header Text:

    To write code in Source View

    <Header Text="Hardware Distribution"></Header>
    
  4. Place your cursor within the <cc1:C1ComboBox>; tag, just after the runat="server" option. Edit the markup so that it resembles the following:

    To write code in Source View

    <cc1:C1ComboBox ID="tagsinput" runat="server" HidingAnimation-Animated-Effect="bounce" 
    ShowingAnimation-Animated-Effect="bounce" HidingAnimation-Duration="600"
    ShowingAnimation-Duration="600"><:/cc1:C1ComboBox>

    In this step, you added two controls to your application and set some of their properties in the markup. In the next step, you'll add the script that will allow you to load data conditionally.