Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DayViewBase.HeaderItemAppearance Property

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

Namespace: DevExpress.Maui.Scheduler

Assembly: DevExpress.Maui.Scheduler.dll

NuGet Package: DevExpress.Maui.Scheduler

#Declaration

C#
public DayViewHeaderItemAppearance HeaderItemAppearance { get; set; }

#Property Value

Type Description
DayViewHeaderItemAppearance

The storage of header item appearance settings.

#Remarks

Refer to the following topic to see the available appearance properties: DayViewHeaderItemAppearance members.

You can use this class to configure the following header types:

Date Header Types

  1. Date Header
  2. Today Date Header

The View provides the following options that configure the header’s appearance:

Date Header Style

#Example

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

<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>
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;
        }
    }
}

Scheduler - Header Item Appearance

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.

IDayViewHeaderItemCustomizer

If implemented by a class, modifies appearance settings of individual Day View header items.

IDayViewHeaderItemCustomizer.Customize(DayViewHeaderItemViewModel)

Modifies appearance settings of an individual Day View header item.

DayViewHeaderItemViewModel

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

See Also