Hi Niki,

You can use a block (e.g. DIV) element that will occupy the whole parent element. You can either set the width to 105% (for the Bootstrap theme):

https://stackblitz.com/edit/angular-ctwcmg?file=app/app.component.ts

... or overwrite the built-in event styling coming from the themes for a more generic solution that will work with all themes, e.g.:


https://stackblitz.com/edit/angular-ctwcmg-ygheg3?file=app/app.component.ts

Regards,
Dimiter Topalov
Progress Telerik

Hello Niki,

Thank you for submitting this feature request. However, customizing the events and resources layout (including the background and other coloring) is already available.

You can use the Event template to customize the appearance (including the coloring) of the events based on some other property, or other custom logic. 

Here are a couple of runnable demos, illustrating this approach:

https://www.telerik.com/kendo-angular-ui-develop/components/scheduler/api/EventTemplateDirective/

https://stackblitz.com/edit/angular-ymytpx-cuqgky?file=app/app.component.ts

Please make sure to use the latest available version of the Scheduler package that contains all currently available features, enhancements, and fixes:

https://www.telerik.com/kendo-angular-ui-develop/components/scheduler/changelog/

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik