Articles in this section
Category / Section

What are all the Visual Modes available in CalendarEdit control?

1 min read

The below listed VisualModes are available in CalenderEdit.

 

  1. Days
  2. Months
  3. Week Numbers
  4. Years
  5. Years Range

 

VisualMode toggle from Days to Months, Month to Years and Years to Year Range by clicking the Calendar header as like MS Calendar. It can be achieved by using CalendarStyle property.

 

The following Code sample demonstrates the same.

 

Xaml

<!-- set CalenderStyle Property as Vista-->
 
<syncfusion:CalendarEdit Name="calendarEdit" Margin="281,56,42,79" CalendarStyle="Vista" />

 

1.Days

 

This display the days of the Month.

 

The following Code sample demonstrates the same.

 

C#

//set VisualMode as Days
 
this.CalenderEdit.VisualMode = CalendarVisualMode.Days;

 

VB

'set VisualMode as Days
 
Me.CalenderEdit.VisualMode = CalendarVisualMode.Days

 

Screenshot

 

 Figure 1: Days.

 

2.Months

 

This display the Months in the Year.

 

The following Code sample demonstrates the same.

 

C#

//set VisualMode as Months
 
this.CalenderEdit.VisualMode = CalendarVisualMode.Months;

 

VB

'set VisualMode as Months
 
Me.CalenderEdit.VisualMode = CalendarVisualMode.Months

 

Screenshot

 

 Figure 2: Months.

 

3.Week Numbers

 

This display the Week Numbers in the Year.

 

The following Code sample demonstrates the same.

 

C#

//set VisualMode as Week Numbers
 
this.CalenderEdit.VisualMode = CalendarVisualMode.WeekNumbers;

 

VB

'set VisualMode as Week Numbers
 
Me.CalenderEdit.VisualMode = CalendarVisualMode.WeekNumbers

 

Screenshot

 

 Figure 3: Week Numbers.

 

4.Years

 

This display the Years in the years Range.

 

The following Code sample demonstrates the same.

 

C#

//set VisualMode as Years
 
this.CalenderEdit.VisualMode = CalendarVisualMode.Years;

 

VB

'set VisualMode as Years
 
Me.CalenderEdit.VisualMode = CalendarVisualMode.Years

 

Screenshot

 

 Figure 4: Years.

 

5.Years Range

 

This display the Years Range.

 

The following Code sample demonstrates the same.

 

C#

//set VisualMode as Years Range
 
this.CalenderEdit.VisualMode = CalendarVisualMode.YearsRange;

 

VB

'set VisualMode as Years Range
 
Me.CalenderEdit.VisualMode = CalendarVisualMode.YearsRange

 

Screenshot

 

Figure 5: Years Range.

 

Sample Links

 

C#: CalenderEditVisualMode

VB: CalenderEditVisualMode

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied