---
title: "Create a Roster Scheduler View in Less Than 20 Minutes in Xamarin.Forms"
published_at: "2020-05-26T10:30:20+00:00"
modified_at: "2025-03-20T09:13:22+00:00"
url: "https://www.syncfusion.com/blogs/post/create-a-roster-scheduler-view-in-less-than-20-minutes-in-xamarin-forms"
excerpt: "“If you fail to plan, you are planning to fail.” – (reportedly by) Benjamin Franklin To plan for a project, you need to know the availability of the employees required to implement it. The Syncfusion Scheduler control has all the..."
taxonomy_category:
  - "Desktop"
  - "Mobile"
  - "Scheduler"
  - "Xamarin"
taxonomy_post_tag:
  - "Mobile"
  - "Roster"
  - "Scheduler"
  - "Xamarin"
  - "Xamarin.Forms"
---

# Create a Roster Scheduler View in Less Than 20 Minutes in Xamarin.Forms

[Nijamudeen](https://www.syncfusion.com/blogs/author/nijamudeensulaiman)

![Create a Roster Scheduler View in Less Than 20 Minutes in Xamarin.Forms](https://www.syncfusion.com/blogs/wp-content/uploads/2020/05/698-x-400.jpg)


**“If you fail to plan, you are planning to fail.”**

**–** (reportedly by) Benjamin Franklin

To plan for a project, you need to know the availability of the employees required to implement it. The [Syncfusion Scheduler control](https://www.syncfusion.com/xamarin-ui-controls/xamarin-scheduler)
 has all the functionalities you need, helping you develop a Xamarin application to create a roster schedule view.

In this blog, we are going to learn how to create a roster scheduler view using Xamarin.Forms Scheduler (SfSchedule) in a nutshell. It will allow you to track the availability of employees in any given time period. The following screenshot will be output of the application we are going to develop.

![Roster scheduler View](https://www.syncfusion.com/blogs/wp-content/uploads/2020/05/Roster-scheduler-View.png)

Roster scheduler View

## Creating a roster scheduler

**Step 1:** Following the getting started [UG documentation](https://help.syncfusion.com/xamarin/scheduler/getting-started)
, create a Xamarin application and then a SfSchedule control in it.

**Step 2:** Make the following property changes in the add instance of SfSchedule:

1. Set **ScheduleView** property as ** TimelineView**.
2. Enable resource view by setting the [ShowResourceView](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfSchedule.XForms.SfSchedule.html#Syncfusion_SfSchedule_XForms_SfSchedule_ShowResourceView) property to **True**.
3. Set [ResourceViewMode](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfSchedule.XForms.SfSchedule.html#Syncfusion_SfSchedule_XForms_SfSchedule_ResourceViewMode) to **Absolute**.
4. Set schedule [TimeInterval](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfSchedule.XForms.SfSchedule.html#Syncfusion_SfSchedule_XForms_SfSchedule_TimeInterval) to 1440 (total minutes in a day) to make one slot for a day in **TimelineView**.

```
<syncfusion:SfSchedule x:Name="schedule"
                           ScheduleView="TimelineView"
                           ShowResourceView="True"
                           ResourceViewMode="Absolute"
                           TimeInterval="1440">
```

**Step 3:** Customize the appearance of the appointment using [AppointmentTemplate](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfSchedule.XForms.SfSchedule.html#Syncfusion_SfSchedule_XForms_SfSchedule_AppointmentTemplate)
, as explained in the following code example.

```
<syncfusion:SfSchedule.AppointmentTemplate>
        <DataTemplate>
               <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="0.5*"/>
                            <RowDefinition Height="0.5*"/>
                        </Grid.RowDefinitions>
                        <Label TextColor="Black" FontAttributes="Bold" Text="{Binding Subject}" Grid.Row="0" HorizontalTextAlignment="Center" VerticalTextAlignment="Center"/>
                        <BoxView Color="{Binding Color}" CornerRadius="5" HeightRequest="10" WidthRequest="10" Grid.Row="1" HorizontalOptions="Center" VerticalOptions="Center" />
             </Grid>
       </DataTemplate>
</syncfusion:SfSchedule.AppointmentTemplate>
```

**Step 4:** In [TimelineViewSettings](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfSchedule.XForms.TimelineViewSettings.html)
, set [TimeRulerSize](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfSchedule.XForms.TimelineViewSettings.html#Syncfusion_SfSchedule_XForms_TimelineViewSettings_TimeRulerSize)
 to 0 to hide the time ruler, and [DaysCount](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfSchedule.XForms.TimelineViewSettings.html#Syncfusion_SfSchedule_XForms_TimelineViewSettings_DaysCount)
 to 7 to show the timeline for a week.

```
TimelineViewSettings timelineViewSettings = new TimelineViewSettings();
timelineViewSettings.TimeRulerSize = 0;
timelineViewSettings.DaysCount = 7;
this.schedule.TimelineViewSettings = timelineViewSettings;
```

**Note:** Default timeline view starts from the current date. If you want to start the timeline from a particular day, you can set the [MoveToDate](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfSchedule.XForms.SfSchedule.html#Syncfusion_SfSchedule_XForms_SfSchedule_MoveToDate)
 property of a schedule with your desired one.

**Step 5:** Customize the ViewHeader date format as required using the [DateFormat](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfSchedule.XForms.TimelineLabelSettings.html#Syncfusion_SfSchedule_XForms_TimelineLabelSettings_DateFormat)
 property in [TimelineLabelSettings](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfSchedule.XForms.TimelineLabelSettings.html)
.

```
TimelineLabelSettings labelSettings = new TimelineLabelSettings();
labelSettings.DateFormat = Device.RuntimePlatform == "UWP" ? "%d ddd" : "dd EEE";
timelineViewSettings.LabelSettings = labelSettings;
this.schedule.TimelineViewSettings = timelineViewSettings;
```

**Output  
 ![Output](https://www.syncfusion.com/blogs/wp-content/uploads/2020/05/Output-1.png)**

The sample can be downloaded from this [GitHub location](https://github.com/SyncfusionExamples/rosterview-sfschedule-xamarin-forms)
.

## Conclusion

I hope you now have a clear idea of how to create a roster schedule view using Syncfusion’s [Scheduler](https://www.syncfusion.com/xamarin-ui-controls/xamarin-scheduler)
 control. The features in this control will reduce your workforce and save time.

If you are an existing Syncfusion user, please download the latest version from the [License and Downloads](https://www.syncfusion.com/account/downloads)
 page and try the new features for yourself. Also, our NuGet packages are available on [NuGet.org](https://www.nuget.org/)
.

If you aren’t a customer yet, you can try our 30-day [free trial](https://www.syncfusion.com/downloads)
 to check out these features. Also, try our other samples from this [GitHub](https://github.com/syncfusion/xamarin-demos/tree/master/Forms/PdfViewer)
 location.

Feel free to share your feedback or questions in the comments section below. You can also contact us through our [support forum](https://www.syncfusion.com/forums)
, [Direct-Trac](https://www.syncfusion.com/support/directtrac/)
, or [feedback portal](https://www.syncfusion.com/feedback/)
. We are always happy to assist you.