Scheduler Scale

You can set the scheduler cell duration using the scale property.

Possible values:

• "Minute"

• "Hour"

• "Day"

• "Week"

• "Month"

• "Quarter"

• "Year"

• "CellDuration" - a custom number of minutes (cell duration)

• "Manual" - a custom timeline created by specifying the individual cells

The default value is "CellDuration".

Remember to set the time header rows accordingly when changing the Scheduler grid scale.

JavaScript Scheduler

Hours

dp.scale = "Hour";
dp.timeHeaders = [
  { groupBy: "Day", format: "M/d/yyyy"},
  { groupBy: "Hour" }
];

Days

dp.scale = "Day";
dp.timeHeaders = [
  { groupBy: "Month", format: "MMMM yyyy"},
  { groupBy: "Week"},
  { groupBy: "Day" }
];

Weeks

dp.scale = "Week";
dp.timeHeaders = [
  { groupBy: "Month", format: "MMMM yyyy"},
  { groupBy: "Week" }
];

Months

dp.scale = "Month";
dp.timeHeaders = [
  { groupBy: "Year"},
  { groupBy: "Month" }
];

Years

dp.scale = "Year";
dp.timeHeaders = [
  { groupBy: "None"},
  { groupBy: "Year" }
];

Tutorials

• JavaScript Scheduler: Zoom

ASP.NET WebForms

Hours

<DayPilot:DayPilotScheduler 
  ID="DayPilotScheduler1" 
  runat="server" 
  ...
  Scale="Hour" 
  />

Days

<DayPilot:DayPilotScheduler 
  ID="DayPilotScheduler1" 
  runat="server" 
  ...
  Scale="Day" 
  />

Weeks

<DayPilot:DayPilotScheduler 
  ID="DayPilotScheduler1" 
  runat="server" 
  ...
  Scale="Week" 
  />

Months

<DayPilot:DayPilotScheduler 
  ID="DayPilotScheduler1" 
  runat="server" 
  ...
  Scale="Month" 
  />

Years

<DayPilot:DayPilotScheduler 
  ID="DayPilotScheduler1" 
  runat="server" 
  ...
  Scale="Year" 
  />

ASP.NET MVC

Hours

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = Url.Action("Backend", "Scheduler"),
  Scale = TimeScale.Hour,
  ...
})

Days

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = Url.Action("Backend", "Scheduler"),
  Scale = TimeScale.Day,
  ...
})

Weeks

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = Url.Action("Backend", "Scheduler"),
  Scale = TimeScale.Week,
  ...
})

Months

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = Url.Action("Backend", "Scheduler"),
  Scale = TimeScale.Month,
  ...
})

Years

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = Url.Action("Backend", "Scheduler"),
  Scale = TimeScale.Year,
  ...
})