Using C1TimeEditor Themes

The C1TimeEditor control comes equipped with a light blue default theme, but you can also apply other themes (see C1TimeEditor Theming) to the control. In this topic, you will change the C1TimeEditor control's theme to C1ThemeRainierOrange.

type=note

Note: Themes are only supported in .NET Framework.

Complete the following steps:

1. Open the .xaml page in Visual Studio.

2. Place your cursor between the <Grid></Grid> tags.

3. In the Toolbox, double-click the C1ThemeRainierOrange icon to declare the theme. Its tags will appear as follows:

   <my:C1ThemeRainierOrange></my:C1ThemeRainierOrange>
   

4. Place your cursor between the <my:C1ThemeRainierOrange> and </my:C1ThemeRainierOrange> tags.

5. In the Toolbox, double-click the C1TimeEditor icon to add the control to the project. Its tags will appear as children of the <my:C1ThemeRainierOrange> tags, causing the markup to resemble the following:

   <my:C1ThemeRainierOrange>
   <c1datetime:C1TimeEditor></c1datetime:C1TimeEditor>
   </my:C1ThemeRainierOrange>
   

6. Run your project. The following image depicts a C1TimeEditor control with the C1ThemeRainierOrange theme.