Changing the Visual Style

ComponentOne Splitter for ASP.NET AJAX: Splitter for ASP.NET AJAX Task-Based Help > Changing the Appearance of a C1Splitter Control > Changing the Visual Style

C1Splitter features five embedded visual styles that you can apply to the control with just a few clicks. This topic illustrates how to change the control's visual style in Design view, Source view, and in code.

For more information on visual styles, see Splitter Control Visual Styles.

In Design View

Complete the following steps:

1. Click C1Splitter's smart tag to open the C1Splitter Tasks menu.

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

$Description: D:\Whidbey\T109\C1Splitter\WordDocuments\TBH\VisualStyle_SelectFromTask.png$

The C1Splitter control adopts the Office2007Blue visual style.

In Source View

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

<cc1:C1Splitter ID="C1Splitter1" 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

Me.C1Splitter1.VisualStyle = "Office2007Blue"

• C#

this.C1Splitter1.VisualStyle = "Office2007Blue";

3. Run the program.

$Description: D:\Whidbey\T109\C1Splitter\WordDocuments\Other Graphics\10.png$ This Topic Illustrates the Following:

The following image shows a C1Splitter with the Office2007Blue visual scheme:

$Description: D:\Whidbey\T109\C1Splitter\WordDocuments\TBH\VisualStyle_Final.png$