DayPilot Month uses the same height for all events to allow stacking of multi-day events. Using custom event height for individual events is not possible at the moment.

EventHeight property

You can set the height of the event box using EventHeight property.

Setting event height using CSS theme

Since DayPilot 7.7 it is possible to set the event height using the css theme.

Example

*_event_height { height: 25px; }

Replace the asterisk with the theme name.

JavaScript

<div id="dp"></div>
<script type="text/javascript">
  var dp = new DayPilot.Month("dp");
  dp.eventHeight = 25;
  dp.init();
</script>

ASP.NET WebForms

 
<DayPilot:DayPilotMonth runat="server" id="DayPilotMonth1"
  ...
  EventHeight = "25"
/>

ASP.NET MVC

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