You can set the cell duration using CellDuration property.

Common values:

  • 1 (1 minute)
  • 15 (15 minutes)
  • 30 (30 minutes)
  • 60 (1 hour)
  • 720 (half a day)
  • 1440 (1 day)
  • 10080 (1 week)

Scale

You can also use predefined scale units, such as day, week, month, year or create a custom timeline.

ASP.NET WebForms

<DayPilot:DayPilotScheduler runat="server" id="DayPilotScheduler1"
  ...
  Scale="CellDuration"
  CellDuration = "30"
/>

ASP.NET MVC

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = ResolveUrl("~/Scheduler/Backend"),
  ...
  Scale = TimeScale.CellDuration,
  CellDuration = 30
})

JavaScript

<div id="dp"></div>
<script type="text/javascript">
  var dp = new DayPilot.Scheduler("dp");
  dp.scale = "CellDuration";
  dp.cellDuration = 30;
  // ...
  dp.init();
</script>

AngularJS

<div ng-app="main" ng-controller="SchedulerCtrl" >
  <daypilot-scheduler id="dp" daypilot-config="config" ></daypilot-scheduler>
</div>

<script>
  var app = angular.module('main', ['daypilot']).controller('SchedulerCtrl', function($scope) {

      $scope.config = {
          scale: "CellDuration",
          cellDuration: 30,
          // ...
      };
  });
</script>