Change Date Picker Image in Silverlight 3


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.

1.gif

Now open the solution in Blend 3.

Add a DateTimePicker Control to the application.

Edit the Template of DateTimePicker as follows:

2.gif

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

3.gif

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

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

5.gif
 
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.

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

7.gif

Up Next
    Ebook Download
    View all
    Learn
    View all