Calendar Control In Silverlight 3 Application

No.of Views1529
Bookmarked0 times
Downloads 
Votes0
By  dpatra   On  16 Feb 2010 00:02:01
Tag : Silver Light and XAML , How to
Calendar Control In Silverlight 3 Application
emailbookmarkadd commentsprint

Images in this article missing? We recently lost them in a site migration. We're working to restore these as you read this. Should you need an image in an emergency, please contact us at info@codegain.com

 Introduction
In this article we will see all properties related to Calendar control.

Crating Silverlight Project
Fire up Expression Blend 3 and create a Silverlight Application. Name it as CalendarControlInSL3.


Image loading...



First things first, search with the keyword “calendar” in Asset Library and you will find the following results.

Image Loading...


First we will start with Calendar Control, go ahead and add Calendar control to your Application.

Image Loading....

The default properties for the Calendar are as follows:

Image Loading....

If you see above we have a property called Display Mode. It has 3 modes such as:
• Month (By default)
• Year
• Decade
If you change these modes it will look similar to the following:

Image Loading...

Month Mode

Image loading

Year Mode

Image Loading...

Decade Mode
If you look below the above property you will find another property called Selection Mode. This property helps the user to select based on the modes. Currently we have the following modes:
• Single Date (By default)
• Single Range
• Multiple Range
• None
The following are the effected Calendar control in various selection modes:

Image Loading...

Selection Mode: Single Range (You can use the Shift key to select a range or select by using your mouse)

Image Loading...

Selection Mode: Multiple Range (Press and hold CTRL key to select Multiple)

Image Loading....

Selection Mode: None (Even if you select any date it will deselected)
There is a property called SelectedDate, this property will make the Calendar select the given date when loaded.

Image Loading....

There are two properties called DisplayDateEnd and DisplayDateStart. If you change it the display of the Calendar will be affected. Like, I have changed 1st of July to 31st of July.

Image Loading...

Now there is another property called IsTodayHighlighted. By default it is Checked but if you don’t want the date to be highlighted you can uncheck it.

Image Loading...

We have another property called FirstDayOfWeek. By default it is Sunday, based on your requirement you can change it your date. We have all the 7 days listed in this option.

Image Loading...

That’s it you have explored about the Calendar Control in Silverlight 3. We will talk about Calendar Control and related to Calendar Control in my forth coming articles.
Enjoy Coding.

Thank you


About the Author


Diptimaya Patra

Description :I am a Master in Computer Application (MCA) from SRM University, Chennai. I am MCTS in ASP.Net Web Development, and MOSS 2007 Administration. I have extreme exposure to Microsoft Technologies in recent times like Silverlight 2, Silverlight 3. I am from Cuttack, Orissa. You can reach me using this mail (diptimaya.patra@gmail.com). Currently I am working as a Software Engineer in UST Global Inc in Trivandrum Center.

Occupation :Software Engineer
Company : UST Global.
Location : India
Follow me at twitter : http://twitter.com/dpatra


 
Sign Up to vote for this article
 
About Author
 
dpatra
Occupation-Not Provided
Company-Not Provided
Member Type-Expert
Location-Not Provided
Joined date-13 Jul 2009
Home Page-Not Provided
Blog Page-Not Provided
 
 
Other popularSectionarticles
Comments
There is no comments for this articles.
Leave a Reply
Title:
Display Name:
Email:
(not display in page for the security purphase)
Website:
Message:
Please refresh your screen using Ctrl+F5
If you can't read this number refresh your screen
Please input the anti-spam code that you can read in the image.
^ Scroll to Top