By default, events are displayed in event boxes that have dimensions aligned with the cell size.

You can display events with real box sizes using UseEventBoxes property.

UseEventBoxes="Always" (default)

html5-scheduler-exact-event-duration-use-boxes-always.png

UseEventBoxes="Never"

html5-scheduler-exact-event-duration-use-boxes-never.png

ASP.NET WebForms

<DayPilot:DayPilotScheduler runat="server" id="DayPilotScheduler1"
  ...
  UseEventBoxes = "Never"
/>

ASP.NET MVC

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = ResolveUrl("~/Scheduler/Backend"),
  ...
  UseEventBoxes = UseEventBoxesType.Never
})

JavaScript

<div id="dp"></div>
<script type="text/javascript">
  var dp = new DayPilot.Scheduler("dp");
  dp.useEventBoxes = "Never";
  // ...
  dp.init();
</script>