[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]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

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?​​​​​​​