[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
   [Expand]Product Information
   [Expand]Getting Started
    [Collapse]Gauge Types
      Circular Gauges
      Linear Gauges
      Digital Gauges
      State Indicator Gauges
    [Expand]Gauge Elements
     Data Binding
     Layout Customization
   [Expand]Visual Elements
   [Expand]Design-time Features
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Digital Gauges

This document lists Digital Gauge types shipped with the ASPxGaugeControl component and explains how you can use these gauges in your application.

For details on other gauge types, refer to the corresponding topics of the Gauge Types section.

Expanded Digital Gauges Overview

Digital gauges display text or numbers like LEDS do.

This control imitates the work of a real digital clock, audio receiver or any other LED device.

Digital Gauge provides the following types:

  • Seven Segment;
  • Fourteen Segment;
  • Matrix 5x8;
  • Matrix 8x14.

Numbers can be painted using a 7 or 14 segment, or matrix view type, and text can be painted using the 14 segment view type or any matrix mode (see the image above).

A full set of digital gauge shapes is available at design time in the gauge preset manager.

Expanded DigitalGauge Class

A Digital Gauge is represented by an instance of the DigitalGauge class. This object can be accessed as an item of the GaugeCollectionWeb object returned by the ASPxGaugeControl.Gauges property of the ASPxGaugeControl object.

See the following code.

You can create a Digital Gauge control either at design time within Visual Studio or programmatically at runtime. The following example demonstrates how this can be done.

Expanded Digital Gauge Elements

This section describes digital gauge elements, and gives a brief overview of their properties.

A Digital Gauge consists of numerous elements, each of which is intended to perform a specific task.

The following image demonstrates main Digital Gauge elements.

Symbols Panel is a container that looks and behaves like a real LED device. It hosts one or more symbols to display either characters or digits.

The following options affect how gauge contents are displayed:

A Background Layer is the background of the digital gauge. It is represented by the DigitalBackgroundLayerComponent class. This layer provides the following main display options:

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

The effect layer is represented by the DigitalEffectLayerComponent class. It provides the following main display options:

For more information on gauge elements, see the Digital Gauge (Visual Elements) section.

Expanded See Also

Is this topic helpful?​​​​​​​