DayViewHeaderItemStyle Class

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

Namespace : DevExpress.XamarinForms.Scheduler

Assembly : DevExpress.XamarinForms.Scheduler.dll

NuGet Package : DevExpress.XamarinForms.Scheduler

Declaration

csharp

public class DayViewHeaderItemStyle :
    HeaderItemStyle

The following members return DayViewHeaderItemStyle objects:

DayViewBase.HeaderItemStyle

Remarks

The DayView, WorkWeekView and WeekView use this class to store date headers’ settings. The style configures the following header types:

Date Header
Today Date Header

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

Example

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

XAML
C#

xml

<dxs:WorkWeekView.HeaderItemStyle>
    <dxs:DayViewHeaderItemStyle 
        BackgroundColor="Gray" 
        TodayDayNumberBackgroundColor="#FF8000" 
        TextSpacing="16"
        BorderThickness="2"
        BorderColor="#f0f0f0">
        <dxs:DayViewHeaderItemStyle.DayNumberTextStyle>
            <dxs:TextStyle Color="Black"/>
        </dxs:DayViewHeaderItemStyle.DayNumberTextStyle>
        <dxs:DayViewHeaderItemStyle.TodayDayNumberTextStyle>
            <dxs:TextStyle Color="White"/>
        </dxs:DayViewHeaderItemStyle.TodayDayNumberTextStyle>
        <dxs:DayViewHeaderItemStyle.WeekDayTextStyle>
            <dxs:TextStyle Color="Black"/>
        </dxs:DayViewHeaderItemStyle.WeekDayTextStyle>
        <dxs:DayViewHeaderItemStyle.TodayWeekDayTextStyle>
            <dxs:TextStyle Color="#FF8000"/>
        </dxs:DayViewHeaderItemStyle.TodayWeekDayTextStyle>
        <dxs:DayViewHeaderItemStyle.Customizer>
            <views:HeaderItemCustomizer/>
        </dxs:DayViewHeaderItemStyle.Customizer>
    </dxs:DayViewHeaderItemStyle>
</dxs:WorkWeekView.HeaderItemStyle>

csharp

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

Symbol

Description

| | --- | --- | |

DayViewBase.HeaderItemStyle

Gets or sets appearance settings of header items.

| |

DayViewHeaderItemStyle

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

| |

DayViewHeaderItemStyle.Customizer

Gets or sets an object that customizes the view models that provide data for headers.

| |