You can customize the appearance of the C1SuperPanel by using styles. You can create a new style front style from scratch or you can modify its existing visual styles. In this topic you'll customize the ArcticFox visual style by adding a style to change the background color of the control. The following topic assumes you've added a C1SuperPanel to the page.
Complete the following steps:
1. Click on the C1SuperPanel's smart tag to open the C1SuperPanel Tasks menu.
2. From the Tasks menu, click the VisualStyle drop-down arrow and select the ArcticFox visual style. The style you'll add in the next steps will be added on top of this theme.
3. Switch to Source view.
4. Add the following style markup between the <head> and </head> tags at the top of the document:
<style>
.C1SuperPanel_ArcticFox {
background: #99CCCC;;
display:block;
margin:0;
padding:0;
}
</style>
This will set the background color of the control's content area.
5. Press F5 to run your project.
The C1SuperPanel control will appear in the ArcticFox theme and the control's content area will appear with a green background:
|
