The width property is optional. A null value corresponds to the display:block style.

You can use any value acceptable for the width CSS style.

JavaScript Example

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

ASP.NET WebForms

Example:

<DayPilot:DayPilotScheduler 
  runat="server" 
  id="DayPilotScheduler1"
  Width="100%"
  ...
/>

ASP.NET MVC

Example:

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

Java

Example:

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

Availability

Availability of this feature in DayPilot editions:

LitePro
DayPilot for JavaScript
DayPilot for ASP.NET WebForms
DayPilot for ASP.NET MVC
DayPilot for Java