Themes

• Dec 28, 2018
• 2 minutes to read

Themes allow you to specify an individual gauge’s and/or the entire window’s appearance. The following gauges support themes:

• Circular Gauge (CircularGaugeControl)
• Linear Gauge (LinearGaugeControl)

Applying a Theme

DevExpress WPF themes only affect on gauge appearance when a gauge uses a themeable model. For this, assign a CircularThemeableModel object to the CircularGaugeControl.Model property to apply the theme to the Circular gauge. To apply themes to the Linear gauge, assign a LinearThemeableModel object to the LinearGaugeControl.Model property. Then, you can use ThemeManager to set a specific theme to all the elements in the application’s window or a separate control. For this, specify the required theme’s name using the ThemeManager.ThemeName option.

The following markup shows how to apply the DXStyle theme to the entire window:

• XAML

<ThemedWindow ...
        xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
        dx:ThemeManager.ThemeName="DXStyle">
        ...
    <dxga:CircularGaugeControl Name="circularGauge">
        <dxga:CircularGaugeControl.Model>
            <dxga:CircularThemeableModel/>
        </dxga:CircularGaugeControl.Model>
        ...
    </dxga:CircularGaugeControl>

    <dxga:LinearGaugeControl Name="linearGauge">
        <dxga:LinearGaugeControl.Model>
            <dxga:LinearThemeableModel/>
        </dxga:LinearGaugeControl.Model>
        ...
    </dxga:LinearGaugeControl>
</ThemedWindow>

The following classes and properties allow you to apply themes to gauges:

Predefined Themes

The following table lists themes you can apply to gauges using the Theme Manager:

Refer to List of DevExpress WPF Themes to get more information about each theme.

See Also

WPF Theme Designer