Scheduler Scale

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

Possible values (DayPilot Pro):

• "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

Possible values (DayPilot Lite):

• "Minute"

• "Hour"

• "Day"

• "Week"

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

The default value is "CellDuration".

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

JavaScript Scheduler

15-Minute Blocks

Scheduler config:

{
  scale: "CellDuration",
  cellDuration: 15,
  timeHeaders: [
    { groupBy: "Day", format: "M/d/yyyy"},
    { groupBy: "Hour" },
    { groupBy: "Cell", format: "mm" }
  ],
  // ...
}

Hours

Scheduler configuration:

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

Days

Scheduler configuration:

{
  scale: "Day",
  timeHeaders: [
    { groupBy: "Month", format: "MMMM yyyy"},
    { groupBy: "Week"},
    { groupBy: "Day", format: "d" }
  ],
  // ...
}

Weeks

Scheduler configuration:

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

Months

Scheduler configuration:

{
  scale: "Month",
  timeHeaders: [
    { groupBy: "Year"},
    { groupBy: "Month" }
  ],
  // ...
}

Years

{
  scale: "Year",
  timeHeaders: [
    { groupBy: "Year"},
  ],
  // ...
}

Tutorials

• JavaScript Scheduler: Zoom

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

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

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

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

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

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

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

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

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

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