ongoingEvents.cssClass String (default: null)

Specifies a custom CSS class applied to ongoing events. If not set, the default k-event-ongoing class will be applied.

Example

<div id="scheduler"></div>
<script>
var currentTime = new Date();
var year = currentTime.getFullYear();
var month = currentTime.getMonth();
var day = currentTime.getDate();
var hour = currentTime.getHours();

$("#scheduler").kendoScheduler({
  ongoingEvents: {
    enabled: true,
    cssClass: "customClass"
  },
  dataSource: [{
    id: 1,
    title: "test",
    start: new Date(year, month, day, hour - 1),
    end: new Date(year, month, day, hour + 1)
  }]
});
</script>

<style>
  .k-scheduler .k-event.customClass {
    border: 3px solid black;
  }
</style>
In this article