CalendarView.month... custom height for appointment

I'd like to set a custom height for appointments when the SfCalendar is in CalendarView.month view mode.

I know that I can customize a lot of details with the appointmentBuilder, but it seems to never take the height of the Widget that gets built in the appointmentBuilder.  (Is it forced to size by the "bounds"?)


Here's what I'm going for...  For this appointment type, I want to show two lines of text

Simulator Screenshot - iPhone SE (3rd generation) - 2023-09-09 at 19.07.04.png


Thanks!


10 Replies

IR Indumathi Ravichandran Syncfusion Team September 11, 2023 11:28 AM UTC

Hi Steven,


As per the shared information, checked and your requirement is “To change the height of the appointments in month view in the Flutter Calendar”. As per the current implementation of the calendar there is no property no change the height of appointments in the cells of the month view. But using the monthCellBuilder property of the calendar, you can customize the month cells with appointments. We have KB documentation for the same. Please find the KB and UG from the following link.


KB link:


https://support.syncfusion.com/kb/article/10707/how-to-customize-the-month-cell-based-on-the-appointment-using-builder-in-the-flutter


UG link:

https://help.syncfusion.com/flutter/calendar/builders#month-cell-builder


Also, we have prepared the simple sample for the same. Please find the sample from the attached link.


Regards,

Indumathi R


Attachment: cellbuilder_a5fba870.zip


SH S H September 11, 2023 04:16 PM UTC

Hi, Indumathi!

Thank you for your response.


I was able to successfully show the Appointments by building them within the monthCellBuilder, but then I am not able to handle any "onTap" gestures when I tap/click on the Appointment.

It seems like the SfCalendar.onTap method is intercepting that (even though I have not provided a handler in SfCalendar.onTap).

Do you have any advice for that?

Thank you!



IR Indumathi Ravichandran Syncfusion Team September 12, 2023 01:50 PM UTC

Hi steven,


For achieving Calendar UI looks like the shared UI, we have handled the cell builder based on the appointments, so you can’t handle the tap action. Otherwise, you can handle the tap action.
We hope that this information helps you. Please let us know if you need further assistance. We are always happy to assist you.


Regards,

Indumathi R



SH S H replied to Indumathi Ravichandran September 12, 2023 02:10 PM UTC

Hey, Indumathi.

I don't think I understand what you mean.


But for now, in the CalendarView.month mode, I'm going to stick with creating appointments via the appointmentBuilder so I can retain control of handling onTap when an Appointment is tapped.


I do recommend that the dev team work on a way to allow users to define a custom height for appointments in CalendarView.month if it's reasonable to do! (or allow onTap to pass thru the monthCellBuilder somehow)


Thanks for all your help!  I'm really enjoying using the SfCalendar so far!



IR Indumathi Ravichandran Syncfusion Team September 13, 2023 12:24 PM UTC

Hi steven,


Currently, we are checking possibilities for handling the tap support for builders using GestureDetector. We will validate and update the details on September 15, 2023. We appreciate your patience until then.


Regards,

Indumathi R



IR Indumathi Ravichandran Syncfusion Team September 15, 2023 10:35 AM UTC

Hi steven,


As per the current implementation, there is no support to gesture detector for builders and we have considered your requirement as a feature request for “Providing a gesture detector support for builders in the Flutter calendar (SfCalendar)”. We will implement this feature in any of our upcoming releases.


At the planning stage for every release cycle, we review all open features and identify features for implementation based on specific parameters including product vision, technological feasibility, and customer interest. We will let you know when this feature is implemented. We appreciate your patience until then.


Thank you for requesting this feature and helping us define it. We are always trying to make our products better and feature requests like yours are a key part of our product growth efforts.


You can also communicate with us regarding the open features any time using our Feature Report page. 


Feedback link:

https://www.syncfusion.com/feedback/46931/providing-a-gesture-detector-support-for-builders-in-the-flutter-calendar


If you have any more specification/suggestions to the feature request, you can add it as a comment in the portal and cast your vote to make it count.


Regards,

Indumathi R



SH S H September 15, 2023 10:50 AM UTC

That sounds great!  I'm glad to help out if I can!



MS Muniappan Subramanian Syncfusion Team September 18, 2023 09:55 AM UTC

Hi SH,


We will let you know when this feature is implemented. We appreciate your patience until then.



KI Kiet December 3, 2025 10:04 AM UTC

Hi @SH


I would to do the samething that you posted here.

How can you customize the month builder and todo that's work. 

I would to display multi-line for the appointment but don't want to touch in appointmentbuilder 


How can I get that?



HM Harsha Midadhala Khajareddy Midadhala Syncfusion Team December 5, 2025 01:52 PM UTC

Hi Kiet,

We have created a new ticket for the mentioned request. You can follow from the below shared link. 
Branched from 184498 - How can you customize the month builder and display multi-line for the appointment but don't want to touch in appointmentbuilde | Syncfusion Forum Assist


Regards,

Harsha.


Loader.
Up arrow icon