MAUI

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

    Show / Hide Table of Contents

    Class SchedulerDaysView

    Represents a class which is used to configure all the properties of day, week and workweek views of the SfScheduler.

    Inheritance
    System.Object
    SchedulerTimeSlotView
    SchedulerDaysView
    Inherited Members
    SchedulerTimeSlotView.StartHourProperty
    SchedulerTimeSlotView.EndHourProperty
    SchedulerTimeSlotView.TimeIntervalProperty
    SchedulerTimeSlotView.TimeFormatProperty
    SchedulerTimeSlotView.NonWorkingDaysProperty
    SchedulerTimeSlotView.MinimumAppointmentDurationProperty
    SchedulerTimeSlotView.NumberOfVisibleDaysProperty
    SchedulerTimeSlotView.TimeRulerTextStyleProperty
    SchedulerTimeSlotView.TimeRegionsProperty
    SchedulerTimeSlotView.ShowCurrentTimeIndicatorProperty
    SchedulerTimeSlotView.CurrentTimeIndicatorBrushProperty
    SchedulerTimeSlotView.ViewHeaderSettingsProperty
    SchedulerTimeSlotView.AppointmentTemplateProperty
    SchedulerTimeSlotView.ViewHeaderTemplateProperty
    SchedulerTimeSlotView.TimeRegionTemplateProperty
    SchedulerTimeSlotView.StartHour
    SchedulerTimeSlotView.EndHour
    SchedulerTimeSlotView.TimeInterval
    SchedulerTimeSlotView.TimeFormat
    SchedulerTimeSlotView.NonWorkingDays
    SchedulerTimeSlotView.MinimumAppointmentDuration
    SchedulerTimeSlotView.TimeRulerTextStyle
    SchedulerTimeSlotView.TimeRegions
    SchedulerTimeSlotView.ShowCurrentTimeIndicator
    SchedulerTimeSlotView.CurrentTimeIndicatorBrush
    SchedulerTimeSlotView.ViewHeaderSettings
    SchedulerTimeSlotView.AppointmentTemplate
    SchedulerTimeSlotView.ViewHeaderTemplate
    SchedulerTimeSlotView.TimeRegionTemplate
    SchedulerTimeSlotView.NumberOfVisibleDays
    Namespace: Syncfusion.Maui.Scheduler
    Assembly: Syncfusion.Maui.Scheduler.dll
    Syntax
    public class SchedulerDaysView : SchedulerTimeSlotView

    Constructors

    SchedulerDaysView()

    Declaration
    public SchedulerDaysView()

    Fields

    AllDayAppointmentTemplateProperty

    Identifies the AllDayAppointmentTemplate dependency property.

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

    The identifier for AllDayAppointmentTemplate dependency property.

    MoreAppointmentsTemplateProperty

    Identifies the MoreAppointmentsTemplateProperty dependency property.

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

    The identifier for MoreAppointmentsTemplateProperty dependency property.

    TimeIntervalHeightProperty

    Identifies the TimeIntervalHeight dependency property.

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

    The identifier for TimeIntervalHeight dependency property.

    TimeRulerWidthProperty

    Identifies the TimeRulerWidth dependency property.

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

    The identifier for TimeRulerWidth dependency property.

    Properties

    AllDayAppointmentTemplate

    Gets or sets the all day appointment template to customize the default UI.

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

    By default, the SchedulerAppointment is set as the BindingContext for AllDayAppointmentTemplate for both SchedulerAppointment and custom data object in AppointmentsSource. Custom data object can be bound in AllDayAppointmentTemplate by using DataItem.

    Examples

    The following sample used to configure the custom appointments and appointment template.

    # [Model.cs](#tab/tabid-5)
    public class Meeting
    {
        public string EventName { get; set; }
        public DateTime From { get; set; }
        public DateTime To { get; set; }
        public Brush BackgroundBrush { get; set; }
        public string RecurrenceRule { get; set; }
        public bool IsAllDay { get; set; }
    }
    # [C#](#tab/tabid-6)
    var customAppointments = new ObservableCollection<Meeting>();
    var meeting = new Meeting()
    {
       EventName = "General Meeting",
       From = new DateTime(2022, 2, 25, 09, 0, 0),
       To = new DateTime(2022, 2, 25, 10, 0, 0),
       BackgroundBrush = Brush.GreenYellow,
       IsAllDay = true,
    };
    customAppointments.Add(meeting);
    this.scheduler.AppointmentsSource = customAppointments;
    # [XAML](#tab/tabid-7)
    <ContentPage.Resources>
        <DataTemplate x:Key="allDayAppointmentTemplate">
            <Grid Background="{Binding DataItem.BackgroundBrush}">
                <Label Text="{Binding DataItem.EventName}" TextColor="Black"/>
            </Grid>
        </DataTemplate>
    </ContentPage.Resources>
    

    <syncfusion:SfScheduler x:Name="scheduler"> <syncfusion:SfScheduler.DaysView> <syncfusion:SchedulerDaysView AllDayAppointmentTemplate="{StaticResource allDayAppointmentTemplate}"/> </syncfusion:SfScheduler.DaysView> <syncfusion:SfScheduler.AppointmentMapping> <syncfusion:SchedulerAppointmentMapping Subject="EventName" StartTime="From" EndTime="To" IsAllDay="IsAllDay" Background="BackgroundBrush"/> </syncfusion:SfScheduler.AppointmentMapping> </syncfusion:SfScheduler>

    MoreAppointmentsTemplate

    Gets or sets the all day more appointments template to customize the default UI.

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

    The BindingContext of the MoreAppointmentsTemplate is expandable more appointments count value in the all day layout. The MoreAppointmentsTemplate does not support data template selector.

    Examples

    The following sample used to configure the more appointments template.

    #[C#](#tab/tabid-8)
    var schedulerAppointments = new ObservableCollection<SchedulerAppointment>()
    for (int i = 0; i < 5; i++)
    {
      var schedulerAppointment = new SchedulerAppointment()
      {
          Subject = "General Meeting",
          StartTime = new DateTime(2022, 04, 30, 09, 0, 0),
          EndTime = new DateTime(2022, 04, 30, 10, 0, 0),
          Background = Brush.GreenYellow,
          IsAllDay = true,
      };
      schedulerAppointments.Add(schedulerAppointment);
    }
    this.Scheduler.AppointmentsSource = schedulerAppointments;
    # [XAML](#tab/tabid-9)
    <syncfusion:SfScheduler x:Name="Scheduler">
     <syncfusion:SfScheduler.DaysView>
       <syncfusion:SchedulerDaysView>
           <syncfusion:SchedulerDaysView.MoreAppointmentsTemplate>
               <DataTemplate>
                    <Grid Background="LightBlue" Margin="1">
                        <Label Text="{Binding StringFormat=+{0}}" TextColor="Black"/>
                    </Grid>
               </DataTemplate>
           </syncfusion:SchedulerDaysView.MoreAppointmentsTemplate>
       </syncfusion:SchedulerDaysView>
    </syncfusion:SfScheduler.DaysView>
     </syncfusion:SfScheduler>

    TimeIntervalHeight

    Gets or sets the height for each time slot cell to layout within this in day, week, and work week views of the SfScheduler.

    Declaration
    public double TimeIntervalHeight { get; set; }
    Property Value
    Type Description
    System.Double

    The default value is 50 used to specify the time interval height for day, week and workweek views.

    Remarks

    The time interval height can be adjusted based on screen height by changing the value of this property to -1. It will auto-fit to the screen height and width.

    Examples

    The below examples shows, how to use the TimeIntervalHeight property of SchedulerDaysView in the SfScheduler.

    • XAML
    • C#
    <schedule:SfScheduler x:Name="Scheduler"
                          View="Week">
        <schedule:SfScheduler.DaysView>
              <schedule:SchedulerDaysView TimeIntervalHeight = "120" />
        </ schedule:SfScheduler.DaysView>
    </schedule:SfScheduler>
    this.Scheduler.View = SchedulerView.Week;
    this.Scheduler.DaysView.TimeIntervalHeight = 120;
    See Also
    Day
    Week
    WorkWeek

    TimeRulerWidth

    Gets or sets the width for the time ruler view to layout within this in day, week, and work week views of the SfScheduler.

    Declaration
    public double TimeRulerWidth { get; set; }
    Property Value
    Type Description
    System.Double

    The default value is 60 used to specify the time ruler width for day, week and workweek views.

    Remarks

    It will be applicable to Day, Week and WorkWeek views only.

    Examples

    The below examples shows, how to use the TimeRulerWidth property of SchedulerDaysView in the SfScheduler.

    • XAML
    • C#
    <schedule:SfScheduler x:Name="Scheduler"
                          View="Week">
        <schedule:SfScheduler.DaysView>
              <schedule:SchedulerDaysView TimeRulerWidth = "120" />
        </ schedule:SfScheduler.DaysView>
    </schedule:SfScheduler>
    this.Scheduler.View = SchedulerView.Week;
    this.Scheduler.DaysView.TimeRulerWidth = 120;
    See Also
    Day
    Week
    WorkWeek
    Back to top Generated by DocFX
    Copyright © 2001 - 2023 Syncfusion Inc. All Rights Reserved