How to customize Agenda view and item height in Xamarin.Forms Schedule (SfSchedule)

1 min read

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.

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

Custom AgendaViewHeight

View Sample in GitHub

Did you find this information helpful?

Yes

Comments (0)

How to customize Agenda view and item height in Xamarin.Forms Schedule (SfSchedule)

Access denied