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:
Imports C1.Web.UI.Controls
• C#
using C1.Web.UI.Controls;
2. Add the following code to the Page_Load event:
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:
|