ComponentOne Wizard for ASP.NET WebForms
Task-Based Help / Changing Appearance / Using a Built-In Theme
In This Topic
    Using a Built-In Theme
    In This Topic

    A C1Wizard control has six embedded themes that you can apply with just a few clicks. This topic illustrates how to change the theme in Design view, in Source view, and in code. For more information on themes, see Themes.

    In Design View

    Complete the following steps:

    1. Click the C1Wizard smart tag Description: D:\Whidbey\T211\Projects - ASP Wijmo\Wijmo_C1Wizard\Word Documents\CommonGraphics\SmartTag.png to open the C1Wizard Tasks menu.
    2. Click the Theme drop-down arrow and select a theme from the list. For this example, select rocket.

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

      The rocket theme is applied to the C1Wizard control.

    In Source View

    To change the theme of your C1Wizard in Source view, add VisualStyle="rocket"to the<cc1:C1Wizard>tag so that it resembles the following:


    <cc1:C1Wizard ID="C1Wizard1" runat="server" Theme="rocket"/>

    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
      

      To write code in C#

      C#
      Copy Code
      using C1.Web.Wijmo.Controls;
      
    2. Add the following code, which sets the Theme property, to the Page_Load event:

      To write code in Visual Basic

      Visual Basic
      Copy Code
      C1Wizard1.Theme = "rocket"
      

      To write code in C#

      C#
      Copy Code
      C1Wizard1.Theme = "rocket";
      
    3. Run the program.

    Description: CheckThis topic illustrates the following:

    The following image shows a C1Wizard control with the rocket theme:

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