Using Kendo-Scheduler inside a kendo-tabstrip

[Jerry]

We are using Kendo-Scheduler in an Asp.net core app.

The problem we are having is that our events don't display on the calendar.

It looks like the issue is due to having the calendar inside of a "kendo-tabstrip". Our calendar tab is the second of 4. It looks like this is keeping the events from display.

When I try using the kendo-scheduler in a separate "test" app with no "kendo-tabstrip", it works as expected.

Has anyone else had a problem using kendo-scheduler inside of a kendo-tabstrip?

If so, is there a solution?

 

[Mihaela]

Hello Jerry,

As I suggested in this forum thread, you could handle the "activate" event of the TabStrip and call the read() method of the Scheduler's DataSource:

<kendo-tabstrip name="tabstrip" on-activate="onActivate">
   ....
 </kendo-tabstrip>

<script>
function onActivate(e) {
        if($(e.item).attr("id") == "tabstrip-tab-2") { //check the activate tab (i.e., if the 2nd tab is activated)
            $("#scheduler").data("kendoScheduler").dataSource.read(); //get a reference to the Scheduler component and trigger a Read request
                e.sender.unbind("activate", onActivate); // detach the "activate" event handler via unbind()
        }  
}
</script>

Would you please give this example a try and let me know how it goes?

In addition, I am attaching a demo project for your reference.

 

Regards, Mihaela Progress Telerik