How to change the nonworking days in Xamarin.Forms Schedule (SfSchedule)

1 min read

You can customize the non-working days of a week by using the NonWorkingDays property of WorkWeekViewSettings in Xamarin.Forms SfSchedule.

Declare and define the nonworking days property in ViewModel.

public SchedulerViewModel()
{
    this.Appointments = new ScheduleAppointmentCollection();
    this.NonWorkingDays = new ObservableCollection<DayOfWeek>();
    NonWorkingDays.Add(DayOfWeek.Wednesday);
    NonWorkingDays.Add(DayOfWeek.Thursday);
    this.InitializeDataForBookings();
    this.BookingAppointments();
}

XAML

Bind the appointments to a schedule by using the DataSource property. You can bind the nonworking days collection to the NonWorkingDays property of WorkWeekViewSettings.

    <syncfusion:SfSchedule x:Name="Schedule" ScheduleView="WorkWeekView" DataSource="{Binding Appointments}">
        <syncfusion:SfSchedule.WorkWeekViewSettings>
            <syncfusion:WorkWeekViewSettings NonWorkingsDays="{Binding NonWorkingDays}"/>
        </syncfusion:SfSchedule.WorkWeekViewSettings>
         <syncfusion:SfSchedule.TimelineViewSettings>
            <syncfusion:TimelineViewSettings NonWorkingsDays="{Binding NonWorkingDays}"/>
        </syncfusion:SfSchedule.TimelineViewSettings>
        <syncfusion:SfSchedule.BindingContext>
            <local:SchedulerViewModel/>
        </syncfusion:SfSchedule.BindingContext>
    </syncfusion:SfSchedule>
</ContentPage>

View sample in GitHub

WorkWeek view

Demo image for work week view

Timeline view

Demo image for Timeline view

Did you find this information helpful?

Yes

Did not find the solution Contact Support

Comments (0)

Please to leave a comment

How to change the nonworking days in Xamarin.Forms Schedule (SfSchedule)

Access denied