DayViewBase.TimeRulerCellStyle Property

Gets or sets appearance settings of time ruler cells.

Namespace : DevExpress.XamarinForms.Scheduler

Assembly : DevExpress.XamarinForms.Scheduler.dll

NuGet Package : DevExpress.XamarinForms.Scheduler

Declaration

csharp

public TimeRulerCellStyle TimeRulerCellStyle { get; set; }

Property Value

Type	Description
TimeRulerCellStyle

The storage of time ruler cells’ appearance settings.

Remarks

The style configures the following cell types:

TimeScaleInterval defines scale intervals into which the time ruler splits its time interval (the whole day or WorkTime only). Slots divide intervals into cells (2, 3). The TimeScaleSlotCount property specifies the number of slots within a scale interval.
Interval Time Ruler Cell - a cell that corresponds to the first slot in a scale interval.
Slot Time Ruler Cell - all other cells.

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

Example

This example demonstrates how to use the time ruler cell style and its customizer to modify the cell’s appearance.

XAML
C#

xml

<dxs:WorkWeekView.TimeRulerCellStyle>
    <dxs:TimeRulerCellStyle 
        TickThickness="2"
        IntervalTickLength="10"
        SlotTickLength="5"
        IntervalTickColor="#a0a0a0"
        SlotTickColor="#d0d0d0"
        BackgroundColor="#f0f0f0"
        ContentPadding="8"
        SlotLabelFormat="{}{0:hh:mm}"
        IntervalLabelFormat="{}{0:hh:mm}">
        <dxs:TimeRulerCellStyle.IntervalLabelTextStyle>
            <dxs:TextStyle Color="Black"/>
        </dxs:TimeRulerCellStyle.IntervalLabelTextStyle>
        <dxs:TimeRulerCellStyle.SlotLabelTextStyle>
            <dxs:TextStyle Color="Gray"/>
        </dxs:TimeRulerCellStyle.SlotLabelTextStyle>
        <dxs:TimeRulerCellStyle.Customizer>
            <views:TimeRulerCellCustomizer/>
        </dxs:TimeRulerCellStyle.Customizer>
    </dxs:TimeRulerCellStyle>
</dxs:WorkWeekView.TimeRulerCellStyle>

csharp

class TimeRulerCellCustomizer : ITimeRulerCellCustomizer {
    public void Customize(TimeRulerCellViewModel timeRulerCell) {
        if (timeRulerCell.IsTimeDesignatorBoundary) {
            timeRulerCell.TextFormat = "{0:hh:mm tt}";
            timeRulerCell.BackgroundColor = Color.Orange;
        } 
    }
}

Symbol

Description

| | --- | --- | |

DayViewBase.TimeRulerCellStyle

Gets or sets appearance settings of time ruler cells.

| |

TimeRulerCellStyle

The storage for Day-based View’s time ruler cell appearance settings.

| |

TimeRulerCellStyle.Customizer

Gets or sets an object that manages an individual cell’s appearance settings.

| |