Height

The monthly calendar supports several options for setting the component height. The mode can be set using the heightSpec property.

Supported values:

• Auto (default)

• Fixed

• Parent100Pct

Auto

• Height: Calculated automatically to show all weeks.

• Scrollbar: hidden

Fixed

• Height: Specified in Height property (pixels).

• Scrollbar: visible

Parent100Pct

• Height: 100% of the parent element.

• Scrollbar: visible

See also 100% height.

JavaScript

<div id="dp"></div>
<script type="text/javascript">
  var dp = new DayPilot.Month("dp");
  dp.heightSpec = "Fixed";
  dp.height = 400
  // ...
  dp.init();
</script>

<DayPilot:DayPilotMonth runat="server" id="DayPilotMonth1"
  ...
  HeightSpec = "Fixed"
  Height="400"
/>

@Html.DayPilotMonth("dpm", new DayPilotMonthConfig {
  BackendUrl = ResolveUrl("~/Month/Backend"),
  ...
  HeightSpec = HeightSpec.BusinessHours,
  Height = 400
})

<div id="dp"></div>
<script type="text/javascript">
  var dp = new DayPilot.Month("dp");
  dp.backendUrl = "${pageContext.request.contextPath}/dpm";
  dp.heightSpec = "Fixed";
  dp.height = 400;
  // ...
  dp.init();
</script>