No scheduler-color-mark in AgendaView when EventTemplate is used

[loi]

We have a scheduler similar to your scheduler/resources demo (http://demos.kendoui.com/web/scheduler/resources.html).
If we configure our scheduler to use an eventTemplate, the color-coded-square would not show in the AgendaView... We need this color-coded-square to show on the Agenda view, is there a way to do this?

[Rosen]

Hello Loi,

The "color-coded-square" is part of the Agenda view's event template, therefore in order to appear you should included in your custom template. The actual color is read form the first's resource configuration. Similar to the following:

<script id="event-template" type="text/x-kendo-template">

    <!--..-->

</script>   

 

<script id="agenda-event-template" type="text/x-kendo-template">   

  <div class="movie-template">       

      <p>

       #if (resources[0]) {#

        <span class="k-scheduler-mark" style="background-color:#=resources[0].color#"></span>

       #}#

     

        #: kendo.toString(start, "hh:mm") # - #: kendo.toString(end, "hh:mm") #

      </p>

      <h3>#: title #</h3>

  </div>

</script>

 

<script>

  $(function() {

    $("#scheduler").kendoScheduler({

        views: ["day", { type: "agenda", eventTemplate: $("#agenda-event-template").html() }],         

        eventTemplate: $("#event-template").html(),       

        resources: [

            //..

        ],

        dataSource: [/*...*/]

        //...

    });

  });

</script>

Regards,
Rosen
Telerik