timelineAppointmentHeight property
The height for an appointment view to layout within this in timeline views of SfCalendar.
Note: It is applicable only when the calendar view set as CalendarView.timelineDay, CalendarView.timelineWeek and CalendarView.timelineWorkWeek view in SfCalendar.
See also:
- timeInterval, which is the duration of every single timeslot in the timeslot views of calendar.
- minimumAppointmentDuration, which is the minimum duration for the appointment, if the appointment duration is too small to display on view.
- timeIntervalWidth, which is the width for every single timeslot in the day,week and work week views of calendar.
- Knowledge base: How to change the time interval width and height
- Knowledge base: How to set the arbitrary height to an appointment
- Knowledge base: How to auto fit the calendar to screen height
- Knowledge base: How to customize the timeline appointment height
Widget build(BuildContext context) {
return Container(
child: SfCalendar(
view: CalendarView.timelineWeek,
timeSlotViewSettings: TimeSlotViewSettings(
startHour: 10,
endHour: 20,
nonWorkingDays: <int>[
DateTime.saturday,
DateTime.sunday,
DateTime.friday
],
timeInterval: Duration(minutes: 120),
timeIntervalHeight: 80,
timelineAppointmentHeight: 50,
timeFormat: 'h:mm',
dateFormat: 'd',
dayFormat: 'EEE',
timeRulerSize: 70),
),
);
}
Implementation
final double timelineAppointmentHeight;