---
title: "How to Create a Roster Scheduler View in Less Than 20 Minutes in WPF"
published_at: "2020-11-09T10:00:39+00:00"
modified_at: "2025-04-22T12:48:23+00:00"
url: "https://www.syncfusion.com/blogs/post/how-to-create-a-roster-scheduler-view-in-less-than-20-minutes-in-wpf"
excerpt: "“A man who does not think and plan long ahead will find trouble at his door.” ― Confucius, Chinese philosopher To plan for a project perfectly, we should know the availability of the employees needed to implement it. The Syncfusion..."
taxonomy_category:
  - "Desktop"
  - "Scheduler"
  - "Syncfusion"
  - "User interface"
  - "WPF"
taxonomy_post_tag:
  - "desktop"
  - "productivity"
  - "resource-management"
  - "Roster"
  - "Scheduler"
  - "WPF"
---

# How to Create a Roster Scheduler View in Less Than 20 Minutes in WPF

[Jeyasri Murugan](https://www.syncfusion.com/blogs/author/jeyasrim)

![How to Create a Roster Scheduler View in Less Than 20 Minutes in WPF](https://www.syncfusion.com/blogs/wp-content/uploads/2020/10/How-to-Create-a-Roster-Scheduler-View-in-Less-Than-20-Minutes-in-WPF.png)


**“A man who does not think and plan long ahead will find trouble at his door.”**  
 ― Confucius, Chinese philosopher

To plan for a project perfectly, we should know the availability of the employees needed to implement it. The[Syncfusion Scheduler control](https://www.syncfusion.com/wpf-ui-controls/scheduler)
 provides all the functionalities we need, helping us develop a WPF application to create a roster scheduler view.

In this blog, we are going to learn how to quickly create a roster scheduler view using the WPF Scheduler control. It will allow you to track the availability of employees in any given time period. The following screenshot shows the output of the application we are going to develop.

![Roster Scheduler View in WPF](https://www.syncfusion.com/blogs/wp-content/uploads/2020/10/Roster-Scheduler-View-in-WPF.png)

Roster Scheduler View in WPF

## Creating a roster scheduler

Follow these steps to create a roster scheduler view in your WPF application:

**Step 1:** Follow the getting started [documentation](https://help.syncfusion.com/wpf/scheduler/getting-started)
 to create a WPF application and add the **SfScheduler** control to it.

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

- Set the Scheduler [ViewType](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_ViewType) property as **TimelineMonth**.
- Add the resource data and bind it to the Scheduler using the [ResourceCollection](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_ResourceCollection) property.
- Enable the resource view by setting the [ResourceGroupType](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_ResourceGroupType) property as **Resource**.

Refer to the following code example.

```
<syncfusion:SfScheduler 
    ViewType="TimelineMonth" 
    ResourceGroupType="Resource"
    ItemsSource="{Binding Events}"
    ResourceCollection="{Binding Employees}">
```

**Step 3:** Customize the appearance of the appointments by using [AppointmentTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ViewSettingsBase.html#Syncfusion_UI_Xaml_Scheduler_ViewSettingsBase_AppointmentTemplate)
, as explained in the following code example.

```
<syncfusion:SfScheduler.TimelineViewSettings>
   <syncfusion:TimelineViewSettings>
        <syncfusion:TimelineViewSettings.AppointmentTemplate>
            <DataTemplate>
                 <Grid>
                     <Label Foreground="Black" FontWeight="Bold" Content="{Binding Subject}" Grid.Row="0" HorizontalContentAlignment="Center" VerticalContentAlignment="Top"/>
                     <Border Background="{Binding AppointmentBackground}" CornerRadius="5" Height="10" Width="10" HorizontalAlignment="Center" VerticalAlignment="Center" />
                 </Grid>
            </DataTemplate>
        </syncfusion:TimelineViewSettings.AppointmentTemplate>
   </syncfusion:TimelineViewSettings>
 </syncfusion:SfScheduler.TimelineViewSettings>
```

**Step 4:** Make the following property changes in [TimelineViewSettings](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfSchedule.XForms.TimelineViewSettings.html)
:

- Using the [ViewHeaderDateFormat](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_ViewHeaderDateFormat) property, customize the view header date format as required.
- The default visible resource count is 3, but you can customize it by using the [VisibleResourceCount](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ViewSettingsBase.html#Syncfusion_UI_Xaml_Scheduler_ViewSettingsBase_VisibleResourceCount) property.

Refer to the following code example.

```
scheduler.TimelineViewSettings.ViewHeaderDateFormat = "dd";
scheduler.TimelineViewSettings.VisibleResourceCount = 5;
```

## Output

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

Output

**GitHub Reference:** The sample can be downloaded from this [GitHub](https://github.com/SyncfusionExamples/Create-a-roster-scheduler-view-in-wpf)
 location.

## Conclusion

I hope you now have a clear idea of how to create a roster scheduler view using [Syncfusion’s WPF Scheduler control](https://www.syncfusion.com/wpf-ui-controls/scheduler)
. The features in this control help you to reduce your workload and save time while allocating employees for a particular task. This control is also available in our [Xamarin](https://www.syncfusion.com/xamarin-ui-controls/xamarin-scheduler)
, [UWP](https://www.syncfusion.com/uwp-ui-controls/scheduler)
, [WinForms](https://www.syncfusion.com/winforms-ui-controls/scheduler)
, [Blazor](https://www.syncfusion.com/blazor-components/blazor-scheduler)
, ASP.NET ([Core](https://www.syncfusion.com/aspnet-core-ui-controls/scheduler)
, [MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/scheduler)
, and [Web Forms](https://www.syncfusion.com/jquery/aspnet-web-forms-ui-controls/scheduler)
), [JavaScript](https://www.syncfusion.com/javascript-ui-controls/js-scheduler)
, [Angular](https://www.syncfusion.com/angular-ui-components/angular-scheduler)
, [React](https://www.syncfusion.com/react-ui-components/react-scheduler)
, and [Vue](https://www.syncfusion.com/vue-ui-components/vue-scheduler)
 platforms.

If you are currently a 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/SyncfusionExamples)
 location.

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