Agenda View in .NET MAUI Scheduler: A Perfect Tool for Modern-Day Office Management
Tags: dotnet, csharp, mobile, android
Published: 2022-12-14 12:34:52

---
title: Agenda View in .NET MAUI Scheduler: A Perfect Tool for Modern-Day Office Management
published: true
date: 2022-12-08 11:00:34 UTC
tags: dotnet, csharp, mobile, android
canonical_url: https://www.syncfusion.com/blogs/post/agenda-view-in-net-maui-scheduler-a-perfect-tool-for-modern-day-office-management.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/brpv3z6hebciw0nnrqcd.png
---
The [agenda view](https://help.syncfusion.com/maui/scheduler/agenda-view "Agenda view in .NET MAUI Scheduler documentation") in the Syncfusion [.NET MAUI Scheduler](https://www.syncfusion.com/maui-controls/maui-scheduler "Syncfusion .NET MAUI Scheduler") is the best tool for task planners to create effective business scheduling software.

It shows appointments in a list format for each date between the minimum and maximum dates, grouped by week. Using the agenda view, you can show a list of appointments for a day with a day, week, or month header. You can customize each header with unique styles. Localization, globalization, and customization are also supported in this comprehensive feature set.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Agenda-View-in-.NET-MAUI-Scheduler-2.png" alt="Agenda View in .NET MAUI Scheduler" style="width:100%">

  <figcaption>Agenda View in .NET MAUI Scheduler</figcaption>

</figure>

In this blog, we are going to explore the user-friendly features of the .NET MAUI Scheduler’s agenda view with code examples.

**Note:** If you are new to our .NET MAUI Scheduler control, please refer to its [getting started](https://help.syncfusion.com/maui/scheduler/getting-started "Getting Started with .NET MAUI Scheduler documentation") documentation before proceeding.

## Different UIs

The agenda view displays the user interface in the following two ways:

- **Android and iPhone apps** : Display appointments with date, week, and month headers.
- **Windows and Mac apps** : Display appointments with only the date header.

​
<table style="width: 627px;">
<tbody>
<tr style="background: none;">
<td style="width: 313.5px; border: none !important;">
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Agenda-View-in-Mobile-Platform-2.png" alt="Agenda View in Mobile Platform" style="width:100%">

  <figcaption>Agenda View in Mobile Platform</figcaption>

</figure></td>
<td style="width: 313.5px; border: none !important;">

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Agenda-View-in-.NET-MAUI-Scheduler-2.png" alt="Agenda View in Desktop Platform" style="width:100%">

  <figcaption>Agenda View in Desktop Platform</figcaption>

</figure></td>
</tr>
</tbody>
</table>

## Customizing the .NET MAUI Scheduler’s agenda view

The agenda view allows you to customize the appointment view, header views, and date and day formats. Let’s see how to customize them with code examples.

### Month header customization

The month header in the .NET MAUI Scheduler shows the month and year at the start of a new month. You can customize the format and style of the month header in the [Agenda View](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SfScheduler.html#Syncfusion_Maui_Scheduler_SfScheduler_AgendaView "AgendaView property of .NET MAUI Scheduler") using the [MonthHeaderSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerAgendaView.html#Syncfusion_Maui_Scheduler_SchedulerAgendaView_MonthHeaderSettings "MonthHeaderSettings property of .NET MAUI Scheduler") property.

The [SchedulerMonthHeaderSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthHeaderSettings.html "SchedulerMonthHeaderSettings Class of .NET MAUI Scheduler") class contains the properties that allow you to customize the month header in the agenda view. This can be done by setting unique values for the [DateFormat](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerMonthHeaderSettings_DateFormat "DateFormat property of .NET MAUI Scheduler"), [Height](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerMonthHeaderSettings_Height "Height property of .NET MAUI Scheduler"), [TextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerMonthHeaderSettings_TextStyle "TextStyle property of .NET MAUI Scheduler"), and [Background](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerMonthHeaderSettings_Background "Background property of .NET MAUI Scheduler") properties in the [SchedulerMonthHeaderSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthHeaderSettings.html "SchedulerMonthHeaderSettings Class of .NET MAUI Scheduler").

Refer to the following code example.

**XAML**

```xml
<scheduler:SfScheduler x:Name=”Scheduler”
                         View=”Agenda”>
 <scheduler:SfScheduler.AgendaView>
  <scheduler:SchedulerAgendaView>
   <scheduler:SchedulerAgendaView.MonthHeaderSettings>
    <scheduler:SchedulerMonthHeaderSettings DateFormat=”MMM yyy”
                                            Height=”200”
                                            Background=”LightGreen” />
   </scheduler:SchedulerAgendaView.MonthHeaderSettings>
  </scheduler:SchedulerAgendaView>
 </scheduler:SfScheduler.AgendaView>
</scheduler:SfScheduler>

```

**C#**

```csharp
SchedulerTextStyle textStyle = new SchedulerTextStyle()
{
   TextColor = Colors.Red,
   FontSize = 12,
};
 
SchedulerMonthHeaderSettings monthHeaderSetting = new SchedulerMonthHeaderSettings()
{
   DateFormat = “MMM yyy”,
   Height = 200,
   TextStyle = textStyle,
   Background = Brush.LightGreen
};
 
this.Scheduler.AgendaView = new SchedulerAgendaView()
{
   MonthHeaderSettings = monthHeaderSetting,
};
```

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Customizing-the-Month-Header-Format-and-Style-in-the-.NET-MAUI-Scheduler-2.png" alt="Customizing the Month Header Format and Style in the .NET MAUI Scheduler" style="width:100%">

  <figcaption>Customizing the Month Header Format and Style in the .NET MAUI Scheduler</figcaption>

</figure>

Also, you can customize the month header by replacing it with a custom header using the [MonthHeaderTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerAgendaView.html#Syncfusion_Maui_Scheduler_SchedulerAgendaView_MonthHeaderTemplate "MonthHeaderTemplate property of .NET MAUI Scheduler") property in the [AgendaView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SfScheduler.html#Syncfusion_Maui_Scheduler_SfScheduler_AgendaView "AgendaView property of .NET MAUI Scheduler").

Refer to the following code example.

**XAML**

```xml
<scheduler:SfScheduler x:Name=”Scheduler”
                         View=”Agenda”>
 <scheduler:SfScheduler.AgendaView>
  <scheduler:SchedulerAgendaView>
   <scheduler:SchedulerAgendaView.MonthHeaderTemplate>
    <DataTemplate>
     <Grid>
      <Label x:Name=”label”
               HorizontalOptions=”Center”
               Background=”LightGreen”
               VerticalOptions=”Center”
               TextColor=”Black”
               FontSize=”25”
               Text=”{Binding StringFormat=’{0:MMMM yyyy}’}” />
     </Grid>
    </DataTemplate>
   </scheduler:SchedulerAgendaView.MonthHeaderTemplate>
  </scheduler:SchedulerAgendaView>
 </scheduler:SfScheduler.AgendaView>
</scheduler:SfScheduler>

```

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Customizing-the-Month-Header-with-Templates-in-the-.NET-MAUI-Scheduler-2.png" alt="Customizing the Month Header with Templates in the .NET MAUI Scheduler" style="width:100%">

  <figcaption>Customizing the Month Header with Templates in the .NET MAUI Scheduler</figcaption>

</figure>

### Day header customization

The day header is the UI shown on the left side of the agenda view. It shows the date and day of the appointment view. It is shown on the agenda view only when a date has an appointment. You can customize the format and style of the day header in the [AgendaView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SfScheduler.html#Syncfusion_Maui_Scheduler_SfScheduler_AgendaView "AgendaView property of .NET MAUI Scheduler") using the [DayHeaderSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerAgendaView.html#Syncfusion_Maui_Scheduler_SchedulerAgendaView_DayHeaderSettings "DayHeaderSettings property of .NET MAUI Scheduler") property.

The [SchedulerDayHeaderSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerDayHeaderSettings.html "SchedulerDayHeaderSettings Class of .NET MAUI Scheduler") class contains the properties that allow you to customize the day header on the agenda view. This can be done by setting different values to the [Background](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerDayHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerDayHeaderSettings_Background "Background property of .NET MAUI Scheduler"), [DayFormat](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerDayHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerDayHeaderSettings_DayFormat "DayFormat property of .NET MAUI Scheduler"), [Width](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerDayHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerDayHeaderSettings_Width "Width property of .NET MAUI Scheduler"), [DayTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerDayHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerDayHeaderSettings_DayTextStyle "DayTextStyle property of .NET MAUI Scheduler"), and [DateTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerDayHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerDayHeaderSettings_DateTextStyle "DateTextStyle property of .NET MAUI Scheduler") properties in the [SchedulerDayHeaderSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerDayHeaderSettings.html "SchedulerDayHeaderSettings Class of .NET MAUI Scheduler").

Refer to the following code example.

**XAML**

```xml
<scheduler:SfScheduler x:Name=”Scheduler”
                         View=”Agenda”>
 <scheduler:SfScheduler.AgendaView>
  <scheduler:SchedulerAgendaView>
   <scheduler:SchedulerAgendaView.DayHeaderSettings>
    <scheduler:SchedulerDayHeaderSettings DayFormat=”MM, ddd”
                                          Background=”LightGreen”/>
   </scheduler:SchedulerAgendaView.DayHeaderSettings>
  </scheduler:SchedulerAgendaView>
 </scheduler:SfScheduler.AgendaView>
</scheduler:SfScheduler>

```

**C#**

```csharp
SchedulerTextStyle textStyle = new SchedulerTextStyle()
{
   TextColor = Colors.Red,
   FontSize = 12,
};
 
SchedulerDayHeaderSettings dayHeaderSetting = new SchedulerDayHeaderSettings()
{
   DayFormat = “MM, ddd”,
   Background = Colors.LightGreen,
   DayTextStyle = textStyle,
   DateTextStyle = textStyle,
};
 
this.Scheduler.AgendaView = new SchedulerAgendaView()
{
   DayHeaderSettings = dayHeaderSetting,
};

```

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Customizing-the-Day-Header-in-the-.NET-MAUI-Scheduler%E2%80%99s-Agenda-View-2.png" alt="Customizing the Day Header in the .NET MAUI Scheduler’s Agenda View" style="width:100%">

  <figcaption>Customizing the Day Header in the .NET MAUI Scheduler’s Agenda View</figcaption>

</figure>

### Week header customization

The week header shows the first and last dates of a week at the start of the week. You can customize the format and style of the week header in the [AgendaView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SfScheduler.html#Syncfusion_Maui_Scheduler_SfScheduler_AgendaView "AgendaView property of .NET MAUI Scheduler") using the [WeekHeaderSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerAgendaView.html#Syncfusion_Maui_Scheduler_SchedulerAgendaView_WeekHeaderSettings "WeekHeaderSettings property of .NET MAUI Scheduler") property.

The [SchedulerWeekHeaderSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerWeekHeaderSettings.html "SchedulerWeekHeaderSettings Class of .NET MAUI Scheduler") class contains the properties that allow you to customize the week header on the agenda view. This can be done by setting different values to the [DateFormat](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerWeekHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerWeekHeaderSettings_DateFormat "DateFormat property of .NET MAUI Scheduler"), [Height](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerWeekHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerWeekHeaderSettings_Height "Height property of .NET MAUI Scheduler"), [TextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerWeekHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerWeekHeaderSettings_TextStyle "TextStyle property of .NET MAUI Scheduler"), and [Background](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerWeekHeaderSettings.html#Syncfusion_Maui_Scheduler_SchedulerWeekHeaderSettings_Background "Background property of .NET MAUI Scheduler") properties in the [SchedulerWeekHeaderSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerWeekHeaderSettings.html "SchedulerWeekHeaderSettings Class of .NET MAUI Scheduler") class.

Refer to the following code example.

**XAML**

```xml
<scheduler:SfScheduler x:Name=”Scheduler”
                         View=”Agenda”>
 <scheduler:SfScheduler.AgendaView>
  <scheduler:SchedulerAgendaView>
   <scheduler:SchedulerAgendaView.WeekHeaderSettings>
    <scheduler:SchedulerWeekHeaderSettings DateFormat=”dd, ddd”
                                            Height=”100”
                                            Background=”LightGreen” />
   </scheduler:SchedulerAgendaView.WeekHeaderSettings>
  </scheduler:SchedulerAgendaView>
 </scheduler:SfScheduler.AgendaView>
</scheduler:SfScheduler>

```

**C#**

```csharp
SchedulerTextStyle textStyle = new SchedulerTextStyle()
{
   TextColor = Colors.Red,
   FontSize = 12,
};
 
SchedulerWeekHeaderSettings weekHeaderSetting = new SchedulerWeekHeaderSettings()
{
   DateFormat = “dd, ddd”,
   Height = 100,
   TextStyle = textStyle,
   Background = Brush.LightGreen
};
 
this.Scheduler.AgendaView = new SchedulerAgendaView()
{
   WeekHeaderSettings = weekHeaderSetting,
};
```

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Customizing-the-Week-Header-in-the-.NET-MAUI-Scheduler-Agenda-View-2.png" alt="Customizing the Week Header in the .NET MAUI Scheduler Agenda View" style="width:100%">

  <figcaption>Customizing the Week Header in the .NET MAUI Scheduler Agenda View</figcaption>

</figure>

### Appointment text customization

Also, you can customize the agenda view’s appointment text style using the [AppointmentTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SfScheduler.html#Syncfusion_Maui_Scheduler_SfScheduler_AppointmentTextStyle "AppointmentTextStyle property of .NET MAUI Scheduler") property in the [SfScheduler](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SfScheduler.html "SfScheduler Class"). Refer to the following code example.

**XAML**

```xml
<scheduler:SfScheduler x:Name=”Scheduler” View=”Agenda”/&gt
```

**C#**

```csharp
SchedulerTextStyle appointmentTextStyle = new SchedulerTextStyle()
{
  TextColor = Colors.Yellow,
  FontSize = 12,
};
 
this.Scheduler.AppointmentTextStyle = appointmentTextStyle;
```

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Customizing-the-Agenda-View%E2%80%99s-Appointment-Text-Style-in-the-.NET-MAUI-Scheduler-2.png" alt="Customizing the Agenda View’s Appointment Text Style in the .NET MAUI Scheduler" style="width:100%">

  <figcaption>Customizing the Agenda View’s Appointment Text Style in the .NET MAUI Scheduler</figcaption>

</figure>

## Conclusion

Thanks for reading! In this blog post, we had a quick overview of the key features of the agenda view in the Syncfusion [.NET MAUI Scheduler](https://www.syncfusion.com/maui-controls/maui-scheduler "Syncfusion .NET MAUI Scheduler"). Use these marvelous features to effectively schedule and manage your appointments!

Also, try out our .NET MAUI controls [demos on GitHub](https://github.com/syncfusion/maui-demos "Syncfusion .NET MAUI Scheduler demos on GitHub") and share your feedback or ask questions in the comments section below.

If you are not yet a Syncfusion customer, you can try our 30-day [free trial](https://www.syncfusion.com/downloads "Free evaluation of the Syncfusion Essential Studio") to see how our components can enhance your projects.

You can also reach us through our [support forum](https://www.syncfusion.com/forums "Syncfusion Support Forum"), [support portal](https://support.syncfusion.com/ "Syncfusion Support Portal"), or [feedback portal](https://www.syncfusion.com/feedback/home "Syncfusion Feedback Portal"). We are always happy to assist you!

## Related

- [Achieve Outlook-Like Swiping Using .NET MAUI ListView](https://www.syncfusion.com/blogs/post/achieve-outlook-like-swiping-using-net-maui-listview.aspx "Blog: Achieve Outlook-Like Swiping Using .NET MAUI ListView")
- [Replicating an Invoice Page UI in .NET MAUI](https://www.syncfusion.com/blogs/post/invoice-page-ui-in-net-maui.aspx "Blog: Replicating an Invoice Page UI in .NET MAUI")
- [How to Draw 2D Graphics in .NET MAUI’s GraphicsView](https://www.syncfusion.com/blogs/post/draw-2d-graphics-in-dotnet-maui-graphicsview.aspx "Blog: How to Draw 2D Graphics in .NET MAUI’s GraphicsView")
- [Keyboard Shortcuts in .NET MAUI Scheduler](https://www.syncfusion.com/blogs/post/keyboard-shortcuts-in-dotnet-maui-scheduler.aspx "Blog: Keyboard Shortcuts in .NET MAUI Scheduler")
- [4 Impressive Features of .NET MAUI in .NET 7](https://www.syncfusion.com/blogs/post/4-impressive-features-of-net-maui-in-net-7.aspx "Blog: 4 Impressive Features of .NET MAUI in .NET 7")