C1Dialog supports CSS styling, enabling you to completely customize the control's appearance. This topic will walk you through applying CSS styling to the C1Dialog control.

1. In Design View, select View | Properties from the Visual Studio menu. Select C1Dialog from the drop-down list at the top of the Properties window and locate the CssClass property.
2. Use the drop-down list to choose the appropriate CSS selector, for this topic, choose the wijmo-wijdialog selector.
3. Switch to Source View and locate the first set of <asp:Content> tags.
4. Insert <style type="text/css"></style> tags between the <asp:Content> tags. This set of tags will allow you to add CSS styling to your control.
5. Insert the following script between the <style> tags to add CSS styling to your control.

   To write code in Source View

   .wijmo-wijdialog
       {
       color: #0088FF;
       background: #9933FF;
       border-color: #000000;
       border-width: thick;
       font-family: Blackadder ITC;
       font-size: large;
       }
   

6. Run your program. The C1Dialog control should appear as in the following image.

   

Using Themes with C1Dialog

C1Dialog provides six built-in CSS themes. You can also choose a different theme by using the CDN or by rolling your own theme with jQuery ThemeRoller. This topic will walk you through applying a built-in theme, choosing a custom theme using the CDN, or rolling your own theme using ThemeRoller.