Displaying Week Numbers in the Scheduler's HeaderTextFormat
Environment
| Version | Product | Author |
|---|---|---|
| 7.1.0 | Telerik UI for .NET MAUI Scheduler | Dobrinka Yordanova |
Description
I need to display the week number in the HeaderTextFormat of the Scheduler for .NET MAUI. How can I achieve this? Is it possible to use a bindable property for customization?
This KB article also answers the following questions:
- How to bind a property to the Scheduler's
HeaderTextFormatin .NET MAUI? - What is the method to customize the Scheduler's header format to include week numbers?
- Can I use data binding to modify the
HeaderTextFormatof the Scheduler control?
Solution
To display the week number in the HeaderTextFormat of the RadScheduler, you can utilize data binding for customization. The HeaderTextFormat property is bindable, allowing you to format the date in the header as required.
Below is an example demonstrating how to bind a property to the HeaderTextFormat property of the Scheduler control:
1. Define the Scheduler control in XAML:
<telerik:RadScheduler AutomationId="scheduler" CurrentDate="10/18/2023">
<telerik:RadScheduler.ViewDefinitions>
<telerik:MonthViewDefinition Title="MonthView scheduler" HeaderTextFormat="{Binding MyProperty}" />
</telerik:RadScheduler.ViewDefinitions>
</telerik:RadScheduler>
2. Create a ViewModel for the property:
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
this.BindingContext = new ViewModel();
}
}
public class ViewModel
{
public ViewModel()
{
// Customize the HeaderTextFormat here
this.MyProperty = "My property for header text format";
}
public string MyProperty { get; set; }
}
In this example, the MyProperty in the ViewModel is bound to the HeaderTextFormat property of the Scheduler. You can adjust the value of MyProperty to format the date in the header as needed, including displaying the week number.