Articles in this section

How to customize the agenda view month header appearance using the DataTemplate in .NET MAUI Scheduler (SfScheduler)?

The .NET MAUI Scheduler agenda view allows for a chronological display of events or appointments, with distinct UI presentations on mobile and desktop platforms.

Note:

When the desktop view width is less than 600, the scheduler will display the mobile agenda UI on the desktop.


You can customize the default appearance of the month header of the agenda view by using the MonthHeaderTemplate property of the AgendaView.

The BindingContext for MonthHeaderTemplate is the month's date; you can use this date value to bind the details in the data template.


XAML

Configure the Scheduler's agenda view and specify the custom month header template.

<scheduler:SfScheduler x:Name="Scheduler"
                View="Agenda">
    <scheduler:SfScheduler.AgendaView>
        <scheduler:SchedulerAgendaView MonthHeaderTemplate="{StaticResource AgendaHeaderTemplate}"/>
    </scheduler:SfScheduler.AgendaView>
</scheduler:SfScheduler>

XAML

Use the MonthHeaderTemplate   to define a custom appearance for the month header.

<Grid.Resources>
    <local:MonthToImageConvertor x:Key="MonthToImageConvertor"/>
    <DataTemplate x:Key="AgendaHeaderTemplate">
        <Grid>
            <Image Aspect="Fill" Source="{Binding Converter={StaticResource MonthToImageConvertor}}"/>
            <Label x:Name="label" HorizontalOptions="Start" VerticalOptions="Start" TextColor="Black" FontSize="16" Padding="55, 20, 0, 0" Text="{Binding StringFormat='{0:MMMM yyyy}'}"/>
        </Grid>
    </DataTemplate>
</Grid.Resources>

Output 


Agenda month header template

 

Download the complete sample on GitHub

 

Conclusion
I hope you enjoyed learning h
ow to customize the agenda view month header appearance using the DataTemplate in the .NET MAUI Scheduler (SfScheduler).

You can refer to our .NET MAUI Scheduler feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. Explore our .NET MAUI Scheduler example to understand how to create and manipulate data.

For current customers, you can check out our Document Processing Libraries from the License and Downloads page. If you are new to Syncfusion®, you can try our 30-day free trial to check out our controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forumsDirect-trac, or feedback portal. We are always happy to assist you!



Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Access denied
Access denied