ComponentOne Wizard for ASP.NET WebForms
Task-Based Help / Adding and Manipulating Step Content / Adding a Step
In This Topic
    Adding a Step
    In This Topic

    This topic illustrates how to add pages to a C1Wizard control in Design view, in Source view, and in code.

    In Design View

    Complete the following steps:

    1. Click the smart tag to open the C1Wizard Tasks menu. Select C1Wizard.SmartTag.Designer.

      The C1Wizard Designer Form dialog box opens.

    2. Click the Add Child Item button  Description: D:\Whidbey\T211\Projects - ASP Wijmo\Wijmo_C1Wizard\Word Documents\CommonGraphics\button_AddChildItem.png to add a C1WizardStep to the C1Wizard control. It will appear in the treeview as "Step1".

      Description: D:\Whidbey\T211\Projects - ASP Wijmo\Wijmo_C1Wizard\Word Documents\WizardTBH\AddingPages_Step1.png

    3. Click OK to close the C1Wizard Design Form dialog box.

    In Source View

    Add the following markup between the <cc1:C1Wizard> tags:

    <Nodes>
    <cc1:C1WizardStep ID="Step1" runat="server" Text="Step1">
    </cc1:C1WizardStep>
    </Nodes>

    In Code View

    Complete the following steps:

    1. Import the following namespace into your project:

      To write code in Visual Basic

      Visual Basic
      Copy Code
      Imports C1.Web.Wijmo.Controls.C1Wizard
      

      To write code in C#

      C#
      Copy Code
      using C1.Web.Wijmo.Controls.C1Wizard;
      
    2. Add the following code to the Page_Load event:

      To write code in Visual Basic

      Visual Basic
      Copy Code
      Dim WizardStep1 As New C1WizardStep()
      WizardStep1.Text = "WizardStep1"
      C1Wizard1.Controls.Add(WizardStep1) 
      

      To write code in C#

      C#
      Copy Code
      C1WizardStep WizardStep1 = new C1WizardStep();
      WizardStep1.Text = "WizardStep1";
      C1Wizard1.Controls.Add(WizardStep1);
      
    3. Run the program.

    See Also