Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Collapse]Gauges
   [Expand]Getting Started
   [Collapse]Concepts
    [Expand]Gauge Types
    [Collapse]Visual Elements
     [Expand]Analog Gauges
     [Collapse]Digital Gauges
       Symbol Panel
       Symbol
       Segments and Matrix Dots
       Labels
       Ornamental Elements
     [Expand]State Indicator Gauges
    [Expand]Appearance Customization
     Coordinate System
     Data Binding
     Saving and Restoring Gauge Layout and Style Settings
   [Expand]Design-Time Features
   [Expand]Examples
   [Expand]Product Information
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Ornamental Elements

Ornamental elements for digital gauges include background and effect layers, much similar to those seen in analog gauges (see the Ornamental Elements topic). These elements are used to decorate your digital gauges and apply certain style effects to them.

Expanded Background Layer

A Background Layer is a visual element that defines the background of the digital gauge.

When you add a new background layer to the digital gauge, it is painted behind all other gauge elements, because its BaseLeafPrimitive.ZOrder property is set to 1000, by default. If you want to bring this layer in front of other gauge elements (or paint it above other layers, if there are any), you need to set the ZOrder property to a lower value.

For example, the following picture illustrates a background layer that is overlapped by the symbols of the FourteenSegment view type.

A background layer is represented by the DigitalBackgroundLayer class.

The table below lists the main properties affecting element behavior and appearance.

Expanded Effect Layer

An Effect Layer adds a style effect (for instance, a glare effect) to the digital gauge.

When a new effect layer is added to the gauge, it is painted foreground all other elements because its BaseLeafPrimitive.ZOrder property is set to -1000 by default.

To bring this layer behind other gauge elements, you need to set the ZOrder property to a higher value.

An effect layer is represented by the DigitalEffectLayer class.

The table below lists the main properties affecting element behavior and appearance.

How would you rate this topic?​​​​​​​