All docs
V20.1
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

DateNavigator.Appearance Property

Gets or sets the calendar's appearance. This is a dependency property.

Namespace: DevExpress.Xpf.Editors.DateNavigator

Assembly: DevExpress.Xpf.Core.v20.1.dll

Declaration

public DateNavigatorCellAppearance Appearance { get; set; }
Public Property Appearance As DateNavigatorCellAppearance

Property Value

Type Description
DateNavigatorCellAppearance

An object that contains cell appearance settings.

Remarks

The DateNavigator searches for a cell's appearance settings in the cell's states. The search order depends of an application theme. The search is conducted in the following order:

  1. DisabledState
  2. InactiveState
  3. HolidayState
  4. SpecialDateState
  5. FocusedState
  6. MouseOverState
  7. SelectedState
  8. TodayState
  9. NormalState.
TIP

The DateNavigator searches for a cell's appearance settings in the cell's states only when one of the following themes are applied to an application:

Theme Family Themes
Office 2019 Black, Colorful, Dark Gray, White
Visual Studio 2019 Blue, Dark, Light
Office 2016 SE Black, Colorful, Dark Gray, White
Visual Studio 2017 Blue, Dark, Light

The code sample below demonstrates how to customize DateNavigator cells' appearance.

<Window ...
  xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors">
  <dxe:DateNavigator>
    <dxe:DateNavigator.Appearance>
      <dxe:DateNavigatorCellAppearance>
        <dxe:DateNavigatorCellAppearance.NormalState>
          <dxe:DateNavigatorStateAppearance Background="Red" CornerRadius="5"/>
        </dxe:DateNavigatorCellAppearance.NormalState>
        <dxe:DateNavigatorCellAppearance.MouseOverState>
          <dxe:DateNavigatorStateAppearance Background="Green"/>
        </dxe:DateNavigatorCellAppearance.MouseOverState>
      </dxe:DateNavigatorCellAppearance>
    </dxe:DateNavigator.Appearance>
  </dxe:DateNavigator>
</Window>

DateNavigator Appearance - MouseOverCell

See Also