Log In
[Expand]Welcome to DevExpress .NET Documentation
[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]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [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]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
   [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]Data Editors
  [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]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

State Indicator Gauges

This document gives detailed information on State Indicator Gauge types provided with the ASPxGaugeControl component, and explains how they should be used in your application.

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

Expanded State Indicator Gauges Overview

A state indicator gauge is a container of state indicators - objects that have states and vector images associated with them.

Visually, a state indicator displays nothing but an image associated with the current state. When a state indicator's state changes, a corresponding image is automatically displayed. So, a state indicator gauge is appropriate for imitating static visual objects that have a fixed set of states (for instance, bulbs, traffic lights, arrows, etc.).

The following image shows three gauges, each of which displays a static indicator having a specific state.

State indicators display images according to their states. A set of images for state indicators is predefined.

All images for state indicators can be grouped into the following categories.

  • Arrows;
  • Currency Symbols;
  • Flags;
  • Car lcons;
  • Electric Lights;
  • Smiles;
  • Traffic Lights.

Some of the images from these categories are shown below.

A full set of indicator's images is available at design time in the gauge preset manager.

Expanded StateIndicatorGauge Class

A State Indicator Gauge is represented by an instance of the StateIndicatorGauge 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 State Indicator Gauge control either at design time within Visual Studio or programmatically at runtime. The following example demonstrates how this can be done.

Expanded State Indicator Elements

This section describes state indicator gauge elements, as well as gives a brief overview of their properties.

A state indicator gauge consists of a base indicator element.

The following image shows a sample state indicator gauge indicating gauge elements.

A state indicator gauge can display one or more state indicators, and each can have its own set of states. In the image above, the gauge contains two state indicators.

It provides the following main display options:

For more information on gauge elements, see the State Indicator (Visual Elements) section.

Expanded See Also

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