ComponentOne TabControl for ASP.NET AJAX: TabControl for ASP.NET AJAX Task-Based Help > Customizing the Appearance of a C1TabControl > Changing the Visual Style of a C1TabControl

Changing the Visual Style of a C1TabControl

C1TabControl features five embedded visual styles that you can apply to your tabstrip with just a few clicks. This topic illustrates how to change your visual scheme in Design view, in Source view, and in code.

In Design View

Complete the following steps:

1.   Click C1TabControl's smart tag () to open the C1TabControl Tasks menu.

Click the VisualStyle drop-down arrow and select a visual style. For this example, choose Office2007Blue.

2.   The C1TabControl control has adopted the Office2007Blue visual style.

In Source View

To change the visual scheme of the C1TabControl control in Source view, add VisualStyle="Office2007Blue" to the <cc1:C1TabControl> tag so that it resembles the following:

 

<cc1:C1TabControl ID="C1TabControl1" runat="server" VisualStyle="Office2007Blue" VisualStylePath="~/C1WebControls/VisualStyles">

In Code

Complete the following steps:

1.   Double-click your Web project to open the code editor and add a Page_Load event to your program.

2.   Import the following namespace into your program:

      Visual Basic

Imports C1.Web.UI.Controls

      C#

using C1.Web.UI.Controls;

3.   Add the following code, which sets the VisualStyle property, to the Page_Load event to change the visual scheme to Office2007Blue:

      Visual Basic

Me.C1TabControl1.VisualStyle = "Office2007Blue"

      C#

this.C1TabControl1.VisualStyle = "Office2007Blue";

4.   Run the program.

 This Topic Illustrates the Following:

The following image shows a C1TabControl with the Office2007Blue visual style:

 


Send comments about this topic to ComponentOne.
Copyright © 1987-2010 ComponentOne LLC. All rights reserved.