Calculate Scheduler Height Dynamically
The following example demonstrates how to dynamically calculate the height of the Kendo UI Scheduler widget.
<div id="scheduler"></div>
<script type="text/javascript">
$(function() {
$("#scheduler").kendoScheduler({
height: 100,
views: [
{type: "day"},
{type: "week", selected: true}
],
timezone: "Etc/UTC",
date: kendo.date.today(),
dataSource: [],
editable: false
});
function fitWidget() {
var widget = $("#scheduler").data("kendoScheduler");
var height = $(window).outerHeight();
// Size the widget to take the whole view.
widget.element.height(height);
widget.resize(true);
}
$(window).resize(function() {
clearTimeout(window._resizeId);
window._resizeId = setTimeout(function() {
console.log("resize");
fitWidget();
}, 500);
});
fitWidget();
});
</script>