Angular Scheduler Event Padding/Margins

[Anton]

Hi,

I need to add some margins to the events, so that they look like this:

Is there a way to achieve that with Kendo Scheduler for Angular?

Thanks

[Yanmario]

Hi Anton,

In general, our events are rendered outside of the cells of the table, and their position is calculated which makes it a bit hard to implement the desired rendering.

If losing event rendering responsiveness isn't an issue, then the developer can use some custom CSS and adjust the width and margin of the event class. Example:

https://stackblitz.com/edit/angular-jdy7c4?file=src%2Fapp%2Fapp.component.ts

Feel free to adjust the CSS to fit your specific need, but a fair warning that this approach isn't officially supported and any rendering issues that come with it have to be resolved by the developer.

I hope this helps.

Regards,
Yanmario
Progress Telerik