DayViewHeaderItemViewModel Class

The storage for appearance settings values of an individual Day View header item’s representation.

Namespace : DevExpress.Maui.Scheduler

Assembly : DevExpress.Maui.Scheduler.dll

NuGet Package : DevExpress.Maui.Scheduler

Declaration

csharp

public class DayViewHeaderItemViewModel :
    HeaderItemViewModel

Remarks

The Scheduler View uses this class in the following occurrences:

BindingContext of a data template assigned to the DayViewBase.HeaderItemTemplate property stores this class’s instance.
The DayViewHeaderItemAppearance.Customizer‘s Customize(DayViewHeaderItemViewModel) accepts this class’s instance as an argument.

This view model provides the following settings that you can customize:

Example

This example uses the day view header item style and its customizer to modify the header’s appearance.

XAML

xml

<dxs:WorkWeekView.HeaderItemAppearance>
    <dxs:DayViewHeaderItemAppearance 
        BackgroundColor="Gray" 
        TodayDayNumberBackgroundColor="#FF8000" 
        TextSpacing="16"
        BorderThickness="2"
        BorderColor="#f0f0f0"
        DayNumberTextColor="Black"
        TodayDayNumberTextColor="White"
        WeekDayTextColor="Black"
        TodayWeekDayTextColor="#FF8000">
        <dxs:DayViewHeaderItemAppearance.Customizer>
            <views:HeaderItemCustomizer/>
        </dxs:DayViewHeaderItemAppearance.Customizer>
    </dxs:DayViewHeaderItemAppearance>
</dxs:WorkWeekView.HeaderItemAppearance>

csharp

class HeaderItemCustomizer : IDayViewHeaderItemCustomizer {
    public void Customize(DayViewHeaderItemViewModel header) {
        if (header.IsToday) {
            header.BackgroundColor = header.AlternateBackgroundColor;
            header.AlternateBackgroundColor = Colors.White;
            Color tmp = header.DayNumberTextColor;
            header.DayNumberTextColor = header.WeekDayTextColor;
            header.WeekDayTextColor = tmp;
        }
    }
}

Symbol

Description

| | --- | --- | |

DayViewBase.HeaderItemAppearance

Gets or sets appearance settings of header items. This is a bindable property.

| |

DayViewHeaderItemAppearance

The storage for the Day-based View’s date header appearance settings.

| |

DayViewHeaderItemAppearance.Customizer

Gets or sets an object that customizes the view models that provide data for headers. This is a bindable property.

| |