Change the calendar icon of the date picker

6 posts, 0 answers
  1. Jerry Blanco
    Jerry Blanco avatar
    5 posts
    Member since:
    Jan 2010

    Posted 23 Apr 2010 Link to this post

    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.
  2. Konstantina
    Admin
    Konstantina avatar
    2332 posts

    Posted 27 Apr 2010 Link to this post

    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.
  3. DevCraft banner
  4. Jerry Blanco
    Jerry Blanco avatar
    5 posts
    Member since:
    Jan 2010

    Posted 27 Apr 2010 Link to this post

    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.

  5. Konstantina
    Admin
    Konstantina avatar
    2332 posts

    Posted 29 Apr 2010 Link to this post

    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.
  6. Alex Silva
    Alex Silva avatar
    2 posts
    Member since:
    May 2010

    Posted 18 May 2010 Link to this post

    Can you provide a bit more clarification or possibly an example.  Replacing the text did not work for me.

    Thank you.
  7. Konstantina
    Admin
    Konstantina avatar
    2332 posts

    Posted 21 May 2010 Link to this post

    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.
Back to Top
DevCraft banner