How to customize the size of the SfDatePicker in GridDateTimeColumn ?

1 min read

SfDatePicker control is loaded as a UIElement in edit mode for the GridDateTimeColumn. You can customize the size of the SfDatePicker control by using the GridDateTimeColumn.DropDownHeight and Width properties as follows.

XAML

<Page.Resources>
    <!--Customizing the style of SfDatePicker-->
    <Style TargetType="Syncfusion:SfDatePicker">
        <Setter Property="Width" Value="300" />
    </Style>
</Page.Resources>
<!--DropDownHeight is adjusted here-->
<syncfusion:GridDateTimeColumn DropDownHeight="200"
                                HeaderText="Order Date"
                                MappingName="OrderDate" />

Refer to the following screenshot of the SfDatePicker.

Sf Date Picker Screenshot

Figure 1:Customized appearance of the SfDatePicker control

Sample Links:

WinRT

UWP

Did you find this information helpful?

Yes

Comments (0)

Please sign in to leave a comment