This is a migrated thread and some comments may be shown as answers.

Change the calendar icon of the date picker

5 Answers 1385 Views
DatePicker
This is a migrated thread and some comments may be shown as answers.
Jerry Blanco
Top achievements
Rank 1
Jerry Blanco asked on 23 Apr 2010, 07:24 PM
I want to use my own calander icon for the datepicker control.  The icon to the right of the text box.  Everything I try seems to fail, could someone explain to me the best way to do this.  My boss doesn't like any of the "skin" icons and wants to use one made by our designer.

Thanks in advance.

5 Answers, 1 is accepted

Sort by
0
Konstantina
Telerik team
answered on 27 Apr 2010, 03:49 PM
Hello Jerry,

Thank you for contacting us.

You can edit the Icon of the DatePicker using Expression Blend. Just drop a DatePicker in the design surface, right-click it and choose from the menu EditTemplate->Edit a Copy. Then you can change the appearance of the Icon by editing the ToggleButtonElement.

If you need further assistance please let us know.

Greetings,
Konstantina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Jerry Blanco
Top achievements
Rank 1
answered on 27 Apr 2010, 05:00 PM
we already have an icon designed. I don't want to change yours I want to make the date picker use my icon.  I can seemingly change every other icon (the days, the weeks, the month names) just not the small calander icon next to the type in box that when you click it opens the larger calander.

0
Konstantina
Telerik team
answered on 29 Apr 2010, 04:11 PM
Hello Jerry Blanco,

Thank you for contacting us.

This button has in its template the Icon you want to change. After performing the steps mentioned in my previous post you can replace this:

<ContentControl x:Name="PickerIcon" Background="{StaticResource ButtonIconBackground_Normal}" Foreground="{StaticResource ButtonIconForeground_Normal}" IsTabStop="False" Template="{StaticResource CalendarIcon}"/>

with your custom icon.

If you need further assistance please let us know.

All the best,
Konstantina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Alex Silva
Top achievements
Rank 1
answered on 19 May 2010, 02:42 AM
Can you provide a bit more clarification or possibly an example.  Replacing the text did not work for me.

Thank you.
0
Konstantina
Telerik team
answered on 21 May 2010, 01:58 PM
Hi Alex Silva,

Please find the attached file in which I have performed the previously mentioned steps and replaced the icon with a red rectangle.

If you have further questions please let us know.

Kind regards,
Konstantina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
DatePicker
Asked by
Jerry Blanco
Top achievements
Rank 1
Answers by
Konstantina
Telerik team
Jerry Blanco
Top achievements
Rank 1
Alex Silva
Top achievements
Rank 1
Share this question
or