Making appointment borders rounded

Question

I’m really struggling… no matter what I try I cannot make the borders of my appointments rounded (say 4.0 radius).

Where exactly do I need to set this for the week view please?

Any code examples would be helpful.

Thank you!

John Simmons

PS see Google example of how I want my sun fusion calendar entries to look

Mugunthan Ramalingam · Answer

Hi John Simmons,

We have analyzed
your query and created the sample to demonstrate how to make an appointments
with a rounded border in the SfCalendar.
You can achieve this by using the appointmentBuilder
property and applying a BoxDecoration
with a borderRadius
to the appointment container.
In the sample, we have customized each cell with a rounded border and displayed
the appointment details using the appointmentBuilder.

We have shared the
user guidelines and KB for your reference,

UG: https://help.syncfusion.com/flutter/calendar/appointments

KB: https://support.syncfusion.com/kb/article/10679

Code snippet:

appointmentBuilder:    (BuildContext context, CalendarAppointmentDetails details) {  final Appointment appointment = details.appointments.first;  return DecoratedBox(    decoration: BoxDecoration(      color: appointment.color,      borderRadius: BorderRadius.circular(4),    ),    child: Padding(      padding: const EdgeInsets.only(        left: 3.0,        top: 3.0,      ),      child: Text(        appointment.subject,        style: const TextStyle(          color: Colors.white,          fontSize: 12,          fontWeight: FontWeight.w600,        ),      ),    ),  );},

Demo:

Regards,

Mugunthan.