Set minimum height for scheduled events

[Paul Jackson]

Hi SyncFusion Team, 

In the screenshot attached to this post you will see there is an event on the schedule which has a duration of 5 minutes. As you can see, it looks like a very slim line going across the calendar and not readable without at least clicking on it. 

Is there are a way to set the a minimum height (in pixels or any other unit) so that events rendered on the schedule would not have a height less than the specified height. Would prefer a solution, which does not have to do with customizing the timescale. 

Thank you. 

Attachment: 5minEventDefault_eb517865.zip

[Ruksar Moosa Sait]

Hi Paul,

The minimum height of the event can be set by using the property minimumEventDuration defined in eventSettings property like the below code.

eventSettings: {

        minimumEventDuration: 15, //It accepts the value in minutes

}

Kindly try the below sample and let us know if this meets your requirement.

Sample: https://stackblitz.com/edit/minimum-event-duration?file=index.ts

Regards,

Ruksar Moosa Sait

[Paul Jackson]

This worked great! Thank you. 

[Vengatesh Maniraj]

You are most welcome!!!