JavaScript Monthly Calendar 100 Percent Height

The heightSpec property can be set to "Parent100Pct". This will set the total height of the Monthly Calendar to 100% of its parent element.

Note that the height of the parent element must be set explicitly (e.g. using the height or inset CSS properties).

Related Topics

JavaScript

<div id="month"></div>
<script>
  const month = new DayPilot.Month("month", {
    heightSpec: "Parent100Pct",
    // ...
  });
  month.init();
</script>

ASP.NET WebForms

 
<DayPilot:DayPilotMonth
  runat="server" 
  id="DayPilotMonth1"
  HeightSpec="Parent100Pct"
  ...
/>

ASP.NET MVC

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

Java

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