Cell stacking mode is an alternative event ordering mode. 

Stacking modes (EventStackingMode property):

  • Row (default)
  • Cell

Row

stacking mode row 453x204

In row stacking mode, multi-day events are supported and the row height is stretched according to number of events.

Cell

stacking mode cell 444x121

In cell stacking mode, only one-day events are supported, the row height is fixed. It's possible to set custom event ordering rules inside the day cells.

Comparison

 EventStackingMode="Row"EventStackingMode="Cell"
Row heightDynamic (so all events fit)Fixed
Scrollbar inside a day cellNoYes, if needed
Multi-day eventsYesNo (end date is ignored)
Event moving  allowedYesYes
Event resizing allowedYesNo

JavaScript

<div id="dp"></div>

<script type="text/javascript">
  var dp = new DayPilot.Month("dp");
  dp.cellMode = true;
  // ...
  dp.init();
</script>

ASP.NET WebForms

<DayPilot:DayPilotMonth runat="server" ID="DayPilotMonth1"
  EventStackingMode="Cell"
  ...
/>

Demo

ASP.NET MVC

MVC View

@Html.DayPilotMonth("dpm", new DayPilotMonthConfig { 

  // ...
  EventStackingMode = StackingMode.Cell,
  // ...
	
})