How to customize calendar events view in flutter?

[Sabarinathan B]

Hi ,

Thanks for the awesome library.

I want to customize the events list view item displayed in the bottom on selection of date.

I have attached two screen shots.
Screen shot 1 is the current version which i want to customize as it looks on screen shot 2.

It would great if someone can point which method we have to use from the library.

Thanks in advance.

[Indumathi Ravichandran]

Hi Sabarinathan, 

 

Thank you for contacting Syncfusion support. 

 

Regarding Query: How to customize calendar events view in flutter? 

 

 

Based on the shared information, we have checked and your requirement is “Customize the apppointments in agenda view of the Flutter Calendar” and we have a KB document for agenda view customization in the Flutter calendar used to design your own agenda view and tapped callback to update the custom agenda view. Please find the KB from the following link. 

 

KB link: 

https://www.syncfusion.com/kb/11016/how-to-show-a-custom-agenda-view-in-the-flutter-calendar 

 

Also, you can customize the events on schedule agenda view by using the appointmentBuilder property of the calendar. By using this propety you can design your own appointment UI. We have UG and KB documentations for the same. Please find the documentations from the following link. 

 

UG link: https://help.syncfusion.com/flutter/calendar/builders#appointment-builder  

 

KB link: https://www.syncfusion.com/kb/12191/how-to-customize-the-appointments-using-custom-builder-in-the-flutter-calendar  

 

Also we  have agenda item height support for appointments. Please find the UG and KB documentations from the following links. 

 

UG link: 

https://help.syncfusion.com/flutter/calendar/month-view#agenda-item-height 

 

KB link:  

https://www.syncfusion.com/kb/11015/how-to-customize-the-agenda-item-height-in-the-flutter-calendar  

 

We hope that this helps you. Please let us know if you need further assistance. 

 

Regards, 

Indumathi R