MindFusion.Scheduling.WeekRangeSettings.viewStyle Property | JavaScript Component Suite

WeekRangeSettings.viewStyle Property

Syntax

JavaScript Copy Code
get viewStyle() {} set viewStyle(value) {}

Property Value

One of the WeekRangeViewStyle enumeration values.

Example

The following code renders a single week at a time in the calendar with a WeekRange view using a WeekRangeSettings instance. The code assumes you have initialized a <div> element with id "calendar" in a web page that references the JavaScript file, which contains this code:

JavaScript Copy Code
var p = MindFusion.Scheduling; // create a new instance of the calendar calendar = new p.Calendar(document.getElementById("calendar")); // set the view to WeekRange calendar.currentView = p.CalendarView.WeekRange; // renders a single week calendar.weekRangeSettings.weekStyle = p.WeekRangeViewStyle.SingleWeek; calendar.weekRangeSettings.headerStyle = p.HorizontalHeaderStyle.None; calendar.weekRangeSettings.visibleRows = 5;

JavaScript

Copy Code

var p = MindFusion.Scheduling;

// create a new instance of the calendar
calendar = new p.Calendar(document.getElementById("calendar"));
// set the view to WeekRange
calendar.currentView = p.CalendarView.WeekRange;

// renders a single week
calendar.weekRangeSettings.weekStyle = p.WeekRangeViewStyle.SingleWeek;
calendar.weekRangeSettings.headerStyle = p.HorizontalHeaderStyle.None;
calendar.weekRangeSettings.visibleRows = 5;

Syntax

Property Value

Example

See Also