menu

MAUI

  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class SchedulerAgendaView - MAUI API Reference | Syncfusion

    Show / Hide Table of Contents

    Class SchedulerAgendaView

    Represents a class which is used to configure all the properties of agenda view in the SfScheduler.

    Inheritance
    System.Object
    SchedulerAgendaView
    Namespace: Syncfusion.Maui.Scheduler
    Assembly: Syncfusion.Maui.Scheduler.dll
    Syntax
    public class SchedulerAgendaView : Element, IThemeElement

    Constructors

    SchedulerAgendaView()

    Initializes a new instance of the SchedulerAgendaView class.

    Declaration
    public SchedulerAgendaView()

    Fields

    AppointmentTemplateProperty

    Identifies the AppointmentTemplate dependency property.

    Declaration
    public static readonly BindableProperty AppointmentTemplateProperty
    Field Value
    Type Description
    Microsoft.Maui.Controls.BindableProperty

    Identifies the AppointmentTemplate bindable property.

    AppointmentTimeFormatProperty

    Identifies the AppointmentTimeFormat dependency property.

    Declaration
    public static readonly BindableProperty AppointmentTimeFormatProperty
    Field Value
    Type Description
    Microsoft.Maui.Controls.BindableProperty

    Identifies the AppointmentTimeFormat bindable property.

    DayHeaderSettingsProperty

    Identifies the DayHeaderSettings dependency property.

    Declaration
    public static readonly BindableProperty DayHeaderSettingsProperty
    Field Value
    Type Description
    Microsoft.Maui.Controls.BindableProperty

    Identifies the DayHeaderSettings bindable property.

    MonthHeaderSettingsProperty

    Identifies the MonthHeaderSettings dependency property.

    Declaration
    public static readonly BindableProperty MonthHeaderSettingsProperty
    Field Value
    Type Description
    Microsoft.Maui.Controls.BindableProperty

    Identifies the MonthHeaderSettings bindable property.

    MonthHeaderTemplateProperty

    Identifies the MonthHeaderTemplate dependency property.

    Declaration
    public static readonly BindableProperty MonthHeaderTemplateProperty
    Field Value
    Type Description
    Microsoft.Maui.Controls.BindableProperty

    Identifies the MonthHeaderTemplate bindable property.

    NoEventsTextStyleProperty

    Identifies the NoEventsTextStyle dependency property.

    Declaration
    public static readonly BindableProperty NoEventsTextStyleProperty
    Field Value
    Type Description
    Microsoft.Maui.Controls.BindableProperty

    Identifies the NoEventsTextStyle bindable property.

    WeekHeaderSettingsProperty

    Identifies the WeekHeaderSettings dependency property.

    Declaration
    public static readonly BindableProperty WeekHeaderSettingsProperty
    Field Value
    Type Description
    Microsoft.Maui.Controls.BindableProperty

    Identifies the WeekHeaderSettings bindable property.

    Properties

    AppointmentTemplate

    Gets or sets the appointment's template to customize the default UI.

    Declaration
    public DataTemplate AppointmentTemplate { get; set; }
    Property Value
    Type
    Microsoft.Maui.Controls.DataTemplate

    AppointmentTimeFormat

    Gets or sets the appointment's time format in the agenda view of the SfScheduler.

    Declaration
    public string AppointmentTimeFormat { get; set; }
    Property Value
    Type Description
    System.String

    The default value is "hh:mm tt".

    Examples

    The below examples shows, how to use the AppointmentTimeFormat property of SchedulerAgendaView in the SfScheduler.

    this.Scheduler.View = SchedulerView.Agenda;
    this.Scheduler.AgendaView.AppointmentTimeFormat = "HH:mm";

    DayHeaderSettings

    Gets or sets properties which allows to customize the all the properties of day header settings of agenda view in the SfScheduler.

    Declaration
    public SchedulerDayHeaderSettings DayHeaderSettings { get; set; }
    Property Value
    Type Description
    SchedulerDayHeaderSettings

    The properties settings used to customize the agenda day header setting.

    Examples

    The below examples shows, how to use the DayHeaderSettings property of AgendaView in the SfScheduler.

    • XAML
    • C#
    <scheduler:SfScheduler x:Name="scheduler"
                           View="Agenda" >
       <scheduler:SfScheduler.AgendaView>
           <scheduler:SchedulerAgendaView>
               <scheduler:SchedulerAgendaView.DayHeaderSettings>
                   <scheduler:SchedulerDayHeaderSettings Background="LightGreen"
                                                         Width="100" />
               </scheduler:SchedulerAgendaView.DayHeaderSettings>
           </scheduler:SchedulerAgendaView>
       </scheduler:SfScheduler.AgendaView>
    </scheduler:SfScheduler>
    var textStyle = new SchedulerTextStyle()
    {
       TextColor = Colors.Red,
       FontSize = 12,
    };
    this.scheduler.View = SchedulerView.Agenda;
    this.scheduler.AgendaView.DayHeaderSettings.Background = Brush.LightGreen;
    this.scheduler.AgendaView.DayHeaderSettings.Width = 100;
    this.scheduler.AgendaView.DayHeaderSettings.DayFormat = "MM, dddd";
    this.scheduler.AgendaView.DayHeaderSettings.DayTextStyle = textStyle;
    this.scheduler.AgendaView.DayHeaderSettings.DateTextStyle = textStyle;
    See Also
    Agenda

    MonthHeaderSettings

    Gets or sets properties which allows to customize the all the properties of month header settings of agenda view in the SfScheduler.

    Declaration
    public SchedulerMonthHeaderSettings MonthHeaderSettings { get; set; }
    Property Value
    Type Description
    SchedulerMonthHeaderSettings

    The properties settings used to customize the month week header setting.

    Examples

    The below examples shows, how to use the MonthHeaderSettings property of AgendaView in the SfScheduler.

    • XAML
    • C#
    <scheduler:SfScheduler x:Name="scheduler"
                           View="Agenda" >
       <scheduler:SfScheduler.AgendaView>
           <scheduler:SchedulerAgendaView>
               <scheduler:SchedulerAgendaView.MonthHeaderSettings>
                   <scheduler:SchedulerMonthHeaderSettings Background = "LightGreen"
                                                           Height="200" />
               </scheduler:SchedulerAgendaView.MonthHeaderSettings>
           </scheduler:SchedulerAgendaView>
       </scheduler:SfScheduler.AgendaView>
    </scheduler:SfScheduler>
    var textStyle = new SchedulerTextStyle()
    {
       TextColor = Colors.Red,
       FontSize = 12,
    };
    this.scheduler.View = SchedulerView.Agenda;
    this.scheduler.AgendaView.MonthHeaderSettings.Background = Brush.LightGreen;
    this.scheduler.AgendaView.MonthHeaderSettings.Height = 200;
    this.scheduler.AgendaView.MonthHeaderSettings.DateFormat = "MMM yyy";
    this.scheduler.AgendaView.MonthHeaderSettings.TextStyle = textStyle;
    See Also
    Agenda

    MonthHeaderTemplate

    Gets or sets the month header template to customize the default UI.

    Declaration
    public DataTemplate MonthHeaderTemplate { get; set; }
    Property Value
    Type
    Microsoft.Maui.Controls.DataTemplate
    Remarks

    The BindingContext of the MonthHeaderTemplate is the Syncfusion.Maui.Scheduler.AgendaMonthHeaderTemplate.

    Examples

    The following code used to configure the month header view using the Microsoft.Maui.Controls.DataTemplate.

     <scheduler:SfScheduler x:Name="scheduler"
                            View="Agenda">
       <scheduler:SfScheduler.AgendaView>
           <scheduler:SchedulerAgendaView>
               <scheduler:SchedulerAgendaView.MonthHeaderTemplate>
                   <DataTemplate>
                       <Grid>
                           <Label x:Name="label" HorizontalOptions="Start" Background="LightGreen" VerticalOptions="Start" TextColor="Black" FontSize="16"  Text="{Binding StringFormat='{0:MMMM yyyy}'}"/>
                       </Grid>
                   </DataTemplate>
               </scheduler:SchedulerAgendaView.MonthHeaderTemplate>
           </scheduler:SchedulerAgendaView>
       </scheduler:SfScheduler.AgendaView>
    </scheduler:SfScheduler>

    NoEventsTextStyle

    Gets or sets the Text Style of the agenda's No Events text.

    Declaration
    public SchedulerTextStyle NoEventsTextStyle { get; set; }
    Property Value
    Type
    SchedulerTextStyle
    Examples

    The below examples shows, how to use the No Events TextStyle property of AgendaView in the SfScheduler.

    var textStyle = new SchedulerTextStyle()
    {
       TextColor = Colors.Red,
       FontSize = 12,
    };
    this.scheduler.View = SchedulerView.Agenda;
    this.scheduler.AgendaView.NoEventsTextStyle = textStyle;

    WeekHeaderSettings

    Gets or sets properties which allows to customize the all the properties of week header settings of agenda view in the SfScheduler.

    Declaration
    public SchedulerWeekHeaderSettings WeekHeaderSettings { get; set; }
    Property Value
    Type Description
    SchedulerWeekHeaderSettings

    The properties settings used to customize the agenda week header setting.

    Examples

    The below examples shows, how to use the WeekHeaderSettings property of AgendaView in the SfScheduler.

    • XAML
    • C#
    <scheduler:SfScheduler x:Name="scheduler"
                           View="Agenda" >
       <scheduler:SfScheduler.AgendaView>
           <scheduler:SchedulerAgendaView>
               <scheduler:SchedulerAgendaView.WeekHeaderSettings>
                   <scheduler:SchedulerWeekHeaderSettings Background = "LightGreen"
                                                          Height="200" />
               </scheduler:SchedulerAgendaView.WeekHeaderSettings>
           </scheduler:SchedulerAgendaView>
       </scheduler:SfScheduler.AgendaView>
    </scheduler:SfScheduler>
    var textStyle = new SchedulerTextStyle()
    {
       TextColor = Colors.Red,
       FontSize = 12,
    };
    this.scheduler.View = SchedulerView.Agenda;
    this.scheduler.AgendaView.WeekHeaderSettings.Background = Brush.LightGreen;
    this.scheduler.AgendaView.WeekHeaderSettings.Height = 200;
    this.scheduler.AgendaView.WeekHeaderSettings.DateFormat = "MM, ddd";
    this.scheduler.AgendaView.WeekHeaderSettings.TextStyle = textStyle;
    See Also
    Agenda
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved