Template for event spanning multiple days

[Jeff Butterworth]

Have been doing heaps of work with the schedule component and really happy with it. One issue. I have been able to define a template for the events like this:

 <e-view option='Week' :event-template="weekTemplate"></e-view>

So am happy with the layout I now have in "weekTemplate" view for an event that is on one day. When the event spans multiple days, the event is drawn in the header area of the view but still uses the event template. The problem I have with this is that its using the exact layout I specified but it cuts stuff off because it has has a fixed height. Is it possible to set a separate template for an event that spans multiple days?

Thanks

Jeff

[Balasubramanian Sattanathan]

Hi Jeff, 

Greetings from Syncfusion Support. 

We have validated your requirement at our end and suspect that your need is to display the allday events fully like normal events when using eventTemplate. We let you know that it can be possible by making use of the below CSS and which can be available from the below link. 

https://codesandbox.io/s/vue-allday-events-customization-egnj5?file=/src/App.vue 

<style> 

.e-all-day-cells, 

.e-all-day-row { 

  height: 200px !important; 

} 

.e-all-day-appointment { 

  height: auto !important; 

} 

.e-schedule .e-all-day-appointment .template-wrap { 

  height: 100%; 

  white-space: normal; 

} 

.e-schedule .e-all-day-appointment .template-wrap .subject { 

  text-overflow: ellipsis; 

  white-space: nowrap; 

  overflow: hidden; 

} 

</style> 

Kindly refer to the above solution and let us know if this comes close to your requirement. 

Regards, 

Balasubramanian S