How To Customize Agenda View And Item Height In Xamarin.Forms Schedule (Sfschedule)

Sample date Updated on Sep 12, 2025
agenda-view dotnet item-height schedule xamarin-forms

You can customize the AgendaView height and item height of Xamarin.Forms SfSchedule.

Using the AgendaViewHeight property in MonthViewSettings, you can customize the agenda view height in MonthView, and you can customize the agenda view appointment height by setting the ItemHeight in AgendaViewStyle property of MonthViewSettings.

You can also refer to the following article.

https://www.syncfusion.com/kb/11864/how-to-customize-agenda-view-and-item-height-in-xamarin-forms-schedule-sfschedule

XAML

<schedule:SfSchedule x:Name="Schedule"
                                 DataSource="{Binding Meetings}"
                                 ScheduleView="MonthView">

                <schedule:SfSchedule.MonthViewSettings>
                    <schedule:MonthViewSettings ShowAgendaView="true" AgendaViewHeight="300">
                        <schedule:MonthViewSettings.AgendaViewStyle>
                            <schedule:AgendaViewStyle ItemHeight="100"/>
                        </schedule:MonthViewSettings.AgendaViewStyle>
                    </schedule:MonthViewSettings>
                </schedule:SfSchedule.MonthViewSettings>

                <schedule:SfSchedule.AppointmentMapping>
                    <schedule:ScheduleAppointmentMapping
                        ColorMapping="Color"
                        EndTimeMapping="To"
                        StartTimeMapping="From"
                        SubjectMapping="EventName"
                        />
                </schedule:SfSchedule.AppointmentMapping>

                <schedule:SfSchedule.BindingContext>
                    <local:SchedulerViewModel/>
                </schedule:SfSchedule.BindingContext>
</schedule:SfSchedule>

Output

AgendaHeightCustomization

Up arrow