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

In order to fill the browser window with the Scheduler control, all parent elements (including <html> and <body>) must use style="height:100%".

<style type="text/css">
html, body {
  height:100%;
}
</style>

Related Topics

See also

Examples

JavaScript Example

<div id="dps"></div>
<script type="text/javascript">
  var dps = new DayPilot.Scheduler("dps");
  dps.heightSpec = "Parent100Pct";
  // ...
  dps.init();
</script>

ASP.NET WebForms Example

<DayPilot:DayPilotScheduler 
  runat="server" 
  id="DayPilotScheduler1"
  HeightSpec="Parent100Pct"
  ...
/>

ASP.NET MVC Example

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = ResolveUrl("~/Scheduler/Backend"),
  HeightSpec = HeightSpec.Parent100Pct,
  ...
})

Java Example (JSP)

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