agendaStyle property
Sets the style to customize SfCalendar month agenda view.
Allows to customize the AgendaStyle.backgroundColor, AgendaStyle.dayTextStyle, AgendaStyle.dateTextStyle and AgendaStyle.appointmentTextStyle in month agenda view of calendar.
See also:
- monthCellStyle, which used to customize the month cell of month view in calendar.
- showAgenda, which allows to display agenda view as a part of month view in calendar.
- agendaViewHeight, which is the size for agenda view on month view of calendar.
- appointmentDisplayMode, which is used to customize the appointment display mode in month cells of calendar.
- Knowledge base: How to customize agenda view height based on widget height
- Knowledge base: How to customize agenda item height
- Knowledge base: How to show appointment in agenda view using programmatic date selection
- Knowledge base: How to customize the agenda view appointment
- Knowledge base: How to clear the appointment in month agenda view using onViewChanged callback
- Knowledge base: How to customize the agenda view appointment
Widget build(BuildContext context) {
return Container(
child: SfCalendar(
view: CalendarView.month,
monthViewSettings: MonthViewSettings(
dayFormat: 'EEE',
numberOfWeeksInView: 4,
appointmentDisplayCount: 2,
appointmentDisplayMode: MonthAppointmentDisplayMode.appointment,
showAgenda: false,
navigationDirection: MonthNavigationDirection.horizontal,
agendaStyle: AgendaStyle(
backgroundColor: Colors.transparent,
appointmentTextStyle: TextStyle(
color: Colors.white,
fontSize: 13,
fontStyle: FontStyle.italic
),
dayTextStyle: TextStyle(color: Colors.red,
fontSize: 13,
fontStyle: FontStyle.italic),
dateTextStyle: TextStyle(color: Colors.red,
fontSize: 25,
fontWeight: FontWeight.bold,
fontStyle: FontStyle.normal)
)),
),
);
}
Implementation
final AgendaStyle agendaStyle;