DateTimeEdit change dropdown button icon

[Fabrizio Alessandro]

Hello,

Is it possible to change the calendar icon inside the dropdown button of a DateTimeEdit?

(Based on syncfusion:SkinStorage.VisualStyle="Metro")

Thank you!

[Ninja]

Hi Fabrizio , 

 

Thanks for contacting Syncfusion support. 

 

We have checked your query and logged it as defect. The fix for this defect will be included in Volume 1 SP1 release which will roll out by end of April 2020. Please refer the below feedback link for same and we appreciate your patience until then. 

 

Feedback : https://www.syncfusion.com/feedback/13135/datetimeedit-dropdown-image-render-properly-in-designer-but-not-when-application  

 

Regards, 

Niranjan Kumar 

[Ninja]

Hi Fabrizio ,  

  

Thanks for your patience. 

 

We can change the icon inside the dropdown button in SfDateTimeEdit using DropDownButtonTemplate property as shown in below code snippet. Please refer the below sample for same. 

 

XAML: 

<sync:DateTimeEdit x:Name="dateTimeEdit" Height="25" Width="200"  

                           DateTime="07/15/2010"  

                           Pattern="CustomPattern" CanEdit="False" 

                           CustomPattern="MM-dd-yy dddd" 

                           > 

            <sync:DateTimeEdit.DropDownButtonTemplate> 

                <ControlTemplate TargetType="ToggleButton"> 

                <ToggleButton           x:Name="PART_DropDown" 

                                        Grid.Column="2" 

                                        Width="20" 

                                        Padding="{TemplateBinding Padding}" 

                                        HorizontalAlignment="Stretch" 

                                        VerticalAlignment="Stretch" 

                                        IsTabStop="False" 

                                        > 

                    <ToggleButton.Content> 

                            <Image Source="tick.jpg"  Width="12" Height="12" HorizontalAlignment="Center" /> 

                        </ToggleButton.Content> 

                </ToggleButton> 

                </ControlTemplate> 

            </sync:DateTimeEdit.DropDownButtonTemplate> 

        </sync:DateTimeEdit> 

 

Sample : https://www.syncfusion.com/downloads/support/forum/152956/ze/DatetimeEdit-473597047  

 

Regards, 

Niranjan Kumar Gopalan 

 

[Fabrizio Alessandro]

Hello,

Thank you for your reply, the sample show correctly how to change the icon inside the dropdown button, but setting sync:SkinStorage.VisualStyle="Metro" in the window overrides the custom DropDownButtonTemplate, showing the standard icon.

Is it possible to set VisualStyle and use the custom template at the same time?

Thank you

[Ninja]

Hi Fabrizio, 

Thanks for your update. 

We have logged the reported issue as defect. The fix will be included in Volume 1 SP1 release which will roll out by mid of May 2020. Please refer the below feedback for same. 

Feedback : https://www.syncfusion.com/feedback/13135/datetimeedit-dropdown-image-render-properly-in-designer-but-not-when-application 

Regards, 

Niranjan Kumar Gopalan 

 

[Ninja]

Hi Fabrizio, 

 

We are glad to announce that our Essential Studio 2020 Volume 1 service pack release v18.1.0.52 is rolled out and is available for download under the following link. 

 

https://www.syncfusion.com/forums/154238/essential-studio-2020-volume-1-service-pack-release-v18-1-0-52-is-available-for-download 

 

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 

 

Feedback : https://www.syncfusion.com/feedback/13135/datetimeedit-dropdown-image-render-properly-in-designer-but-not-when-application 

 

Regards, 

Engineer Name