ComponentOne TabStrip for ASP.NET AJAX: TabStrip for ASP.NET AJAX Task-Based Help > Customizing the Appearance of a C1TabStrip > Changing C1TabStrip's Visual Style

Changing C1TabStrip's Visual Style

The C1TabStrip control 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 Source view, Design view, and in code.

In Design View

Complete the following steps:

1.   Click C1TabStrip's smart tag to open the C1TabStrip Tasks.

2.   Click the VisualStyles drop-down arrow and select a visual style from the list. For this example, choose Office2007Blue.

The C1TabStrip adopts the Office2007Blue visual style.

In Source View

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

 

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

In Code

Complete the following steps:

1.   Import the following namespace into your project:

      Visual Basic

Imports C1.Web.UI.Controls

      C#

using C1.Web.UI.Controls;

2.   Add the following code to the Page_Load event:

      Visual Basic

C1TabStrip1.VisualStyle = "Office2007Blue"

      C#

C1TabStrip1.VisualStyle = "Office2007Blue";

3.   Run the program.

 This topic illustrates the following:

The following image shows a C1TabStrip control with the Office2007Blue visual scheme:

 


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