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 height Dynamic (so all events fit) Fixed
Scrollbar inside a day cell No Yes, if needed
Multi-day events Yes No (end date is ignored)
Event moving  allowed Yes Yes
Event resizing allowed Yes No

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,
  // ...
	
})