ComponentOne SuperPanel for ASP.NET AJAX: SuperPanel for ASP.NET AJAX Task-Based Help > Customizing C1SuperPanel's Appearance > Setting the Visual Style

Setting the Visual Style

The control includes several built-in visual styles, including Vista and Office 2007 styles, to style your application. For more information about available styles, see Visual Styles. You can easily change Visual Styles in Source view, from the C1SuperPanel Tasks menu, from the Properties window, and in code.

In Source View

In Source view add VisualStyle="Vista" to the <cc1:C1SuperPanel> tag so it appears similar to the following:

<cc1:C1SuperPanel ID="C1SuperPanel1" runat="server" UseEmbeddedVisualStyles="True" VisualStyle="Vista">

<PanelBehaviorSettings Enabled="True" showrounder="True">

<HScroller SmallChange="1" LargeChange="0" Value="0" Maximum="100" Minimum="0" IncreaseButtonOffsetX="0" DecreaseButtonOffsetX="0" IncreaseButtonOffsetY="0" DecreaseButtonOffsetY="0"></HScroller>

 

<VScroller SmallChange="1" LargeChange="0" Value="0" Maximum="100" Minimum="0" IncreaseButtonOffsetX="0" DecreaseButtonOffsetX="0" IncreaseButtonOffsetY="0" DecreaseButtonOffsetY="0"></VScroller>

</PanelBehaviorSettings>

</cc1:C1SuperPanel>

From the Tasks Menu

You can access the VisualStyle property from the C1SuperPanel Tasks menu:

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

2.   Click the Visual Style drop-down arrow and select a Visual Style, for example Vista.

The Visual Style you choose will be applied to the C1SuperPanel.

From the Properties Window

You can select a Visual Style to apply from the Properties window:

1.   Click on the C1SuperPanel to select it.

2.   Navigate to the Properties window and select the drop-down arrow next to the VisualStyle property.

3.   Select a style to apply, for example Vista.

The Visual Style you chose will be applied to the C1SuperPanel.

In Code

Add the following code to the Page_Load event to set the VisualStyle property to Vista:

      Visual Basic

Me.C1SuperPanel1.VisualStyle = "Vista"

      C#

this.C1SuperPanel1.VisualStyle = "Vista";

 This task illustrates the following:

The following image shows a C1SuperPanel with the Vista visual style:

 


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