conditional timeIntervalHeight for short meetings

[Andreas Knoefel]

I am using the CalendarView.day view in SfCalendar.

When a meeting is shorter than an hour, the displayed text is cut off. I tried

timeSlotViewSettings: TimeSlotViewSettings(
  startHour: 6.0,
  endHour: 21.0,
  timeIntervalHeight: 80,
),

but then you have to scroll a lot to see your entire day. How can I enforce a minimum height for an individual appointment, even if the appointment is short, like 20 or 30 minutes ( i.e MAX(50, appointment.duration)?

 

[Praveen Balu]

Hi Andreas Knoefel,

To apply a minimum height for individual appointments in CalendarView.day, you can use the minimumAppointmentDuration property within timeSlotViewSettings, which ensures that each appointment is rendered with at least the specified minimum duration (e.g., 50 minutes). We have provided code snippet and KB article for your reference.

KB article: https://support.syncfusion.com/kb/article/10610/how-to-set-the-arbitrary-height-to-appointments-in-the-flutter-calendar

timeSlotViewSettings: const TimeSlotViewSettings(

          startHour: 6,

          endHour: 21,

          minimumAppointmentDuration: Duration(minutes: 50),

          timeIntervalHeight: 80,

        ),

Regards,

Praveen Balu.

[makmalon Elon]

@block blast  How can I enforce a minimum height for an individual appointment, even if the appointment is short, like 20 or 30 minutes ( i.e MAX(50, appointment.duration)?

[Natrayan Ramalingam]

Hi Makmalon Elon, 

To apply a minimum height for individual appointments in CalendarView.day, you can use the minimumAppointmentDuration property within timeSlotViewSettings, which ensures that each appointment is rendered with at least the specified minimum duration (e.g., 50 minutes). We have provided code snippet and KB article for your reference.

KB article: https://support.syncfusion.com/kb/article/10610/how-to-set-the-arbitrary-height-to-appointments-in-the-flutter-calendar

timeSlotViewSettings: const TimeSlotViewSettings(

     startHour: 6,

     endHour: 21,

     minimumAppointmentDuration: Duration(minutes: 50),

     timeIntervalHeight: 80,

),

Regards,

Natrayan 

[Seraphina]

@ drive mad How can I handle the display of overlapping appointments in CalendarView.day? 

If multiple appointments occur at the same time, can I adjust how they are displayed to prevent them from being obscured?

[Natrayan Ramalingam]

Hi Seraphina,

We have created a new ticket to address your latest query separately. Kindly follow up on your new query through the following link: Handling Same-Time Overlapping Multiple Appointments in Flutter Calendar Day View - Branched from 197599 | Syncfusion Forum Assist

Please let us know if you have any further questions!

Regards,

Natrayan