Skip to main content
All docs
V24.2

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

Time Indicator

The Time Indicator line shows the current time on your view. You can display it in the Day View, Work Week View, Week View, and TimeLine View. The line can go across the entire view or be restricted to the current date, as specified by the TimeIndicatorVisibility property.

The picture below displays the Time Indicator element for the Day, Work Week, and Full Week Views.

TimeMarkerIndicator

The picture below displays the Time Indicator element for the Timeline View.

TimeIndicatorTimeline

Use the following properties to specify the indicator’s visibility and behavior:

#Customize the Time Indicator Appearance

The image below displays a customized Time Indicator in the Day View, Work Week View, Week View.

Time Indicator example

The image below displays a customized Time Indicator in the TimeLine View.

Time Indicator example

The code sample below illustrates these style settings.

<dx:ThemedWindow.Resources>
    <Style TargetType="dxschv:TimeIndicatorControl">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="dxschv:TimeIndicatorControl">
                    <Border
                        x:Name="border"
                        Height="4"
                        BorderBrush="Red"
                        BorderThickness="0,1,0,1" 
                        Background="Red" />
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="Orientation" Value="Vertical">
                <Setter Property="LayoutTransform">
                    <Setter.Value>
                        <RotateTransform Angle="90"/>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
</dx:ThemedWindow.Resources>

To customize the Time Indicator element, use XAML resources in your application’s code. Refer to the following article for more information: Modify Theme Resources.