Cell Stacking Mode

Cell stacking mode is an alternative event ordering mode. 

Stacking modes (EventStackingMode property):

• Row (default)
• Cell

Row

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

Cell

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

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

• Cell Stacking Mode Demo (DayPilot Pro for ASP.NET WebForms)

ASP.NET MVC

MVC View

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

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