Under Review
Last Updated: 23 Nov 2020 12:10 by ADMIN
Anna
Created on: 09 Nov 2020 12:10
Category: Scheduler
Type: Bug Report
0
Documentation: out-of-date example in setting scheduler event color

See https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/appearance/set-event-color-in-the-template

The example shows how to style the content of the event, but borders stay in the old color.

Additionally, images are broken.

 

3 comments
ADMIN
Neli
Posted on: 23 Nov 2020 12:10

Hi Anna,

Thank you very much for your feedback. It is important to us. 

As the described scenario is a common one I will add a KB article shortly. I will inform you in the thread once the respective article is added to the documentation. 

Regards,
Neli
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Anna
Posted on: 16 Nov 2020 12:21

Hi Neli,

I agree you can argue this is a documentation example about the template and not the background color, but people will search how to change the background color (it's been asked on StackOverflow a week ago, for example), so an appropriate documentation article would be helpful for them.

ADMIN
Neli
Posted on: 16 Nov 2020 11:40

Hi Anna,

Thank you very much for reporting incorrect behavior. 

Indeed, the links of the images are broken. However, the mentioned How-To article demonstrates how to change the color of an event by using a template.  If you need to change the background color of the entire event, you could set it in the dataBound event handler as in the example below:

 dataBound: function(e){
            var view = this.view();
            var events = this.dataSource.view();
            var eventElement;
            var event;

            for (var idx = 0, length = events.length; idx < length; idx++) {
              event = events[idx];
		if(event.title === "The Help"){
              	      eventElement = view.element.find("[data-uid=" + event.uid + "]");
                      //set the background of the element
                      eventElement.css("background-color", "red");
                  }              
              }
          },

Here is a Dojo example where this is implemented.

I hope the above will help.

Regards,
Neli
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.