Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Collapse]Gauges
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [Collapse]Gauge Types
      Circular Gauges
      Linear Gauges
      Digital Gauges
      State Indicator Gauges
    [Expand]Gauge Elements
    [Expand]Appearance
     Data Binding
     Layout Customization
   [Expand]Visual Elements
   [Expand]Design-time Features
   [Expand]Examples
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET 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]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

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