agendaItemHeight property
The height for each appointment view to layout within this in month agenda view of SfCalendar,.
Defaults to 50
.
See more:
- 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.
- agendaStyle, which is used to customize the agenda view on month view of calendar.
- appointmentDisplayMode, which allows to customize the display mode of appointment view 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
Widget build(BuildContext context) {
return Container(
child: SfCalendar(
view: CalendarView.month,
monthViewSettings: MonthViewSettings(
dayFormat: 'EEE',
numberOfWeeksInView: 4,
appointmentDisplayCount: 2,
agendaItemHeight: 50,
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 double agendaItemHeight;