Event Spacing

The cell height is increased automatically to fit all events.

You can increase the space below the last events using CellMarginBottom property (in pixels). The default value is 0.

JavaScript

<div id="dpc"></div>
<script type="text/javascript">
  var dpm = new DayPilot.Month("dpm");
  dpm.cellMarginBottom = 10;
  // ...
  dpm.init();
</script>

Java (JSP)

<div id="dpc"></div>
<script type="text/javascript">
  var dpm = new DayPilot.Month("dpc");
  dpm.backendUrl = "${pageContext.request.contextPath}/dpm";
  dpm.cellMarginBottom = 10;
  // ...
  dpm.init();
</script>

<DayPilot:DayPilotMonth
  runat="server" 
  id="DayPilotMonth1"
  CellMarginBottom="10"
  ...
/>

@Html.DayPilotMonth("dpm", new DayPilotMonthConfig {
  BackendUrl = ResolveUrl("~/Month/Backend"),
  CellMarginBottom = 10,
  ...
})