ComponentOne Calendar for ASP.NET: Calendar for ASP.NET AJAX Task-Based Help > Customizing C1Calendar Appearance > Changing the Visual Style

Changing the Visual Style

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

For more information on visual schemes, see Visual Styles.

Changing the Visual Style in Design View:

To change the visual scheme of your C1Calendar, follow these steps:

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

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



The C1Calendar control adopts the Office2007Black visual style.

Changing the Visual Style in Source View

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


<cc1:C1Calendar ID="C1Calendar1" runat="server" VisualStyle="Office2007Black" VisualStylePath="~/C1WebControls/VisualStyles">   


Changing the Visual Scheme Programmatically

To change the visual scheme, follow these steps:

1.   Import the following namespace into your project:

      Visual Basic

Imports C1.Web.UI.Controls


using C1.Web.UI.Controls;

2.   Add the following code to the Page_Load event:

      Visual Basic

Me.C1Calendar1.VisualStyle = "Office2007Black"


this.C1Calendar1.VisualStyle = "Office2007Black";

3.   Run the page and notice the Office2007Black visual style appears on the calendar.

 This Topic Illustrates the Following:

The following image shows a C1Calendar with the Office2007Black visual scheme:


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