MAUI

  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class SchedulerAgendaView

    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 : BindableObject

    Constructors

    SchedulerAgendaView()

    Declaration
    public SchedulerAgendaView()

    Fields

    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.

    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

    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 Description
    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>

    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 - 2023 Syncfusion Inc. All Rights Reserved