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

    Open In Dojo
    <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