ComponentOne DateTimeEditors for UWP
C1DateTime Selector Help / C1DateTime Selector Quick Start / Step 2 of 3: Customizing C1DateTime Selector Control
In This Topic
    Step 2 of 3: Customizing C1DateTime Selector Control
    In This Topic

    In the previous step, you created a UWP-style application with a C1DateTimeSelector control. In this step, you will modify the appearance of the control.

    Complete the following steps:

    1. Locate the Brush Category in your application's Properties window and click to display the options. You can set custom colors for the following properties: Background, BorderBrush, and Foreground

    You can also change the appearance of your C1DateTimeSelector control by inserting the following XAML markup into the <Xaml:C1DateTimeSelector/> tag:

    Markup
    Copy Code
    Background="#CC66709C" Foreground="White"
    
    1. Customize the control's Text properties to change the FontFamily to Plantagenet Cherokee and the FontSize to 20.

    You can also change the FontFamily and FontSize by inserting the following XAML markup into the <Xaml:C1DateTimeSelector/> tag:

    Markup
    Copy Code
    FontFamily="Plantagenet Cherokee" FontSize="20"
    

    Now that you've customized the application, you can run the project and observe the run time behaviors of the control.

    See Also