How to set task height for Scheduler custom event template?

1 Answer 108 Views
Scheduler wrapper
Al
Top achievements
Rank 1
Iron
Iron
Iron
Al asked on 23 Jul 2021, 11:35 AM | edited on 23 Jul 2021, 11:37 AM

Using the code from this doc I created this stackblitz and as you can see the task height only shows one row, I tried setting the height on the movie-template class but that did nothing.

How do make the multi-line template show all data?

1 Answer, 1 is accepted

Sort by
0
Petar
Telerik team
answered on 23 Jul 2021, 12:18 PM

Hi Al,

The field/box that shows events' data depends on the selected Scheduler view. For example, if you check our Overview demo in the Kendo UI for jQuery suite, you can see how the same events are displayed in the different views. Change the views from the DropDownList in the upper right corner and see the difference in each view.

The same is applicable in the Kendo UI for Vue Wrapper Scheduler component. If you change the CSS definition of the event boxes, this change could work in a given scenario but there is a big chance it won't work in another.   

Regards,
Petar
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Al
Top achievements
Rank 1
Iron
Iron
Iron
commented on 26 Jul 2021, 09:44 AM

Thanks Petar so I must just create my template so it fits in accordance with the way the scheduler shows it's content. Something I noticed is that the 'All Day' views do not appear to apply the eventTemplate eg. in my case the month view shows an image next to the title text but in week view the 'all day' events lose this image - is this correct?
Plamen
Telerik team
commented on 29 Jul 2021, 04:11 AM

For the all day events you can use the the all-day-event-template property - https://www.telerik.com/kendo-vue-ui/components/scheduler-wrapper/api/Scheduler/#toc-all-day-event-template

 

Tags
Scheduler wrapper
Asked by
Al
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Petar
Telerik team
Share this question
or