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

    In the previous step, you created a UWP-style application with a C1DateSelector 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 C1DateSelector control by inserting the following XAML markup into the <Xaml:C1DateTimeSelector/> tag:

    Markup
    Copy Code
    Background="#CC96BB78" BorderBrush="#CCC7C7C7" Foreground="White"
    
    1. Customize the control's Text properties to change the FontFamily to Andalus and the FontSize to 20 px.

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

    Markup
    Copy Code
    FontFamily="Andalus" 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