Change Date Picker Image in Silverlight 3

In this article we will see how can we change the default image associated with DateTimePicker Control in Silverlight3.

Introduction

In this article we will see how can we change the default image associated with DateTimePicker Control in Silverlight3.

Creating Silverlight Project

Fire up Visual Studio 2008 and create a new Silverlight 3 Project. Name it as DatePickerTest.



Now open the solution in Blend 3.

Add a DateTimePicker Control to the application.

Edit the Template of DateTimePicker as follows:



Now you will find the following controls in your object and Timeline pane.



We need to change the Button, so do edit the template.


 
Now you will find a new set of objects in the Panel as follows:


 
We will delete all the elements from the second Grid and add an Image control to it. Resize the Grid and Image as required and you will find something similar to the following.


 
That's it. Run your application and your new image for your DateTimiePicker control is added.