The HeightSpec property can be set to "Parent100Pct". This will set the total Monthly Calendar height to 100% of its parent element.
In order to fill the browser window with the Monthly Calendar control, all parent elements (including <html> and <body>) must use style="height:100%".
<style type="text/css"> html, body { height:100%; } </style>
Related Topics
Examples
JavaScript Example
<div id="dpc"></div> <script type="text/javascript"> var dpm = new DayPilot.Month("dpm"); dpm.heightSpec = "Parent100Pct"; // ... dpm.init(); </script>
ASP.NET WebForms Example
<DayPilot:DayPilotMonth runat="server" id="DayPilotMonth1"
HeightSpec="Parent100Pct"
...
/>
ASP.NET MVC Example
@Html.DayPilotMonth("dpm", new DayPilotMonthConfig { BackendUrl = ResolveUrl("~/Month/Backend"), HeightSpec = HeightSpec.Parent100Pct, ... })
Java Example (JSP)
<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>