Is there a way to define slot height anyhow? And I mean a simple height or ratio to would get applied to the whole scheduler.
This would be very helpful for when my custom event template always displays 2 lines :
Thanks!
Georgi
Telerik team
commented on 07 Feb 2023, 11:06 AM
Hello Richard,
Thank you very much for the details provided.
From what I understand from your question, you are looking for an implementation that would allow you to adjust the height of the Scheduler's slots. Please, correct me if I misunderstood you.
One possible approach to achieve the desired modification is to utilize the built-in slotClass property. It is important to mention that the slotClass property will only modify the slots and the developer needs to add some additional CSS in order to adjust the time headers. To better illustrate this approach, I am sending you a StackBlitz demo that implements it:
I don't know why it didn't work when I first tried CSS approach, event height was fixed and pre-calculated to the pixel and wouldn't display properly, but now it does work. Thanks!
Hello Richard,
Thank you very much for the details provided.
From what I understand from your question, you are looking for an implementation that would allow you to adjust the height of the Scheduler's slots. Please, correct me if I misunderstood you.
One possible approach to achieve the desired modification is to utilize the built-in slotClass property. It is important to mention that the slotClass property will only modify the slots and the developer needs to add some additional CSS in order to adjust the time headers. To better illustrate this approach, I am sending you a StackBlitz demo that implements it:
https://stackblitz.com/edit/angular-zkapgu-tcpz4z?file=src%2Fapp%2Fapp.component.ts
Another approach would be to use CSS and adjust the height property of the Scheduler's time slots. The StackBlitz demo below implements this approach:
https://stackblitz.com/edit/angular-ijnjrt?file=src%2Fapp%2Fapp.component.ts
Please keep in mind that any further customizations and adjustments related to the built-in layout components are considered developer efforts.
I hope this sheds some light on the question. Let me know if you need additional assistance with this case.
Regards,
Georgi
Progress Telerik
I don't know why it didn't work when I first tried CSS approach, event height was fixed and pre-calculated to the pixel and wouldn't display properly, but now it does work. Thanks!