search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

How to ensure that the calendar fills the entire HTML page?

Asked by Anonymous
29 days ago.
<html>
<body>
<script src="https://javascript.daypilot.org/demo/lite/js/daypilot-all.min.js?v=2024.1.524"></script>
<style>body {margin: 0;}</style>
<body>
<div id="dp"></div>
<script>
const dp = new DayPilot.Calendar("dp", {
  startDate: "2022-06-24",
  viewType: "Resources",
  businessBeginsHour: 9,
  businessEndsHour: 18,
  columns: [
    {name: "Room-A", id: "A"},
    {name: "Room-B", id: "B"},
    {name: "Room-C", id: "C"},
    {name: "Room-D", id: "D"},
  ],
});
dp.init();
</script>
</html>

The calendar is displayed only halfway down the HTML page. Is there any direct or indirect way to make the calendar fill the entire HTML page in the lite version?

Answer posted by Dan Letecky [DayPilot]
29 days ago.

Unfortunately, setting the calendar height to 100% of its parent is only supported in the Pro version at the moment.

New Reply
This reply is
Attachments:
or drop files here
Your name (optional):