Indicator Controls

Indicator controls are used to graphically display states and values. A standard indicator has an on and off state and is not dependent on a numeric value. A level indicator displays the state associated with the value assigned to the control.

When an Indicator control receives a Null value for the Value property, the control sets its Opacity property to 0.2 until a valid Value is received. The control appears disabled until a valid Value is received.

Indicator Controls Property Usage

The following table shows the properties used by each control:
PropertyLevel Indicator Five StateLevel Indicator Three StateTower Indicator Five StateTower Indicator Three State
AllowDropXXXX
BackgroundXXXX
BorderBrushXXXX
BorderThicknessXXXX
ClipToBoundsXXXX
ColumnXXXX
ColumnSpanXXXX
CornerRadiusXXXX
EffectXXXX
FlashDelayXXXX
FlashState1XXXX
FlashState2XXXX
FlashState3XXXX
FlashState4XX
FlashState5XX
FlowDirectionXXXX
FocusableXXXX
FocusVisualStyleXXXX
FontFamilyXXXX
FontSizeXXXX
FontStretchXXXX
FontStyleXXXX
FontWeightXXXX
ForceCursorXXXX
ForegroundXXXX
GlareBrushXXXX
HeightXXXX
HorizontalAlignmentXXXX
HorizontalContentAlignmentXXXX
InnerBorderBrushXXXX
InnerBorderThicknessXXXX
InnerCornerRadiusXXXX
IsEnabledXXXX
IsHitTestVisibleXXXX
IsManipulationEnabledXXXX
IsSharedSizeScopeXXXX
IsTabStopXXXX
LocalizationXXXX
MarginXXXX
MaxHeightXXXX
MaxWidthXXXX
MinHeightXXXX
MinorBackgroundXXXX
MinWidthXXXX
NameXXXX
OpacityXXXX
OpacityMaskXXXX
OverridesDefaultStyleXXXX
PaddingXXXX
RenderTransformOriginXXXX
RowXXXX
RowSpanXXXX
SnapsToDevicePixelsXXXX
State1BrushXXXX
State2BrushXXXX
State2IsOnXX
State2ThresholdXXXX
State3BrushXXXX
State3IsOnXX
State3ThresholdXXXX
State4BrushXX
State4IsOnX
State4ThresholdXX
State5BrushXX
State5IsOnX
State5ThresholdXX
StyleXXXX
TabIndexXXXX
TagXXXX
TemplateXXXX
TertiaryBroderBrushXXXX
TertiaryBorderThicknessXXXX
TertiaryCornerRadiusXXX
ToolTipXXXX
UidXXXX
UseLayoutRoundingXXXX
ValueXXXX
VerticalAlignmentXXXX
VerticalContentAlignmentXXXX
VisibilityXXXX
WidthXXXX

Indicator Controls Property Descriptions

The following table shows the properties descriptions used by all control:
PropertyDescription
AllowDropSelect this check box to indicate that the control can accept data that is dragged onto it.
BackgroundExpand this field to select the background color of the selected control.
BorderBrushExpand this field to select the border color of the selected control.
BorderThicknessSpecifies the border thickness of a control, in pixels.
ClipToBoundsSelect this check box to clip the content of this control (or content coming from the child elements of this control) to fit into the size of the containing control.
ColumnSpecifies the column within the grid where the control is located.
ColumnSpanSpecifies the total number of columns that child content spans within a grid.
CornerRadiusSpecifies the degree to which the corners of a control are rounded.
EffectClick the arrow to expand the property, select the effect you want to apply to the control, and then configure the specific values for the effect. Valid values to select are:
  • Blur
    • Kernel Type
    • Radius
  • Drop Shadow
    • Color
    • Direction
    • Opactiy
    • Shadow Depth
FlashDelaySpecifies the amount of time, in milliseconds, that the indicator light waits, white being pressed, before a command to move the Thumb executes.
FlashState1Select this check box to indicate that State1 is active.
FlashState2Select this check box to indicate that State2 is active.
FlashState3Select this check box to indicate that State3 is active.
FlashState4Select this check box to indicate that State4 is active.
FlashState5Select this check box to indicate that State5 is active.
FlowDirectionSpecifies the direction that text and other user interface (UI) elements flow within any parent control. Selections are:
  • Left to Right
  • Right to Left
FocusableSelect this check box to indicate that the control can receive focus.
FocusVisualStyleSpecifies a property that enables customization of appearance, effects, or other style characteristics that apply to this control when it has focus.
FontFamilySpecifies the font family for the control.
FontSizeSpecifies the font size for the control.
FontStretchSpecifies the degree to which a font is condensed or expanded on the screen.
FontStyleSpecifies the font style for the control.
FontWeightSpecifies the weight or thickness of the specified font.
ForceCursorSelect this check box to indicate that the user interface (UI) renders the cursor as declared by the Cursor property.
ForegroundExpand this field to select the foreground color.
GlareBrushExpand this field to specify the glare effect for the control.
HeightSpecifies the height of the control, in pixels.
HorizontalAlignmentSpecifies the horizontal alignment characteristics applied to this control. Selections are:
  • Left
  • Center
  • Right
  • Stretch
HorizontalContentAlignmentSpecifies the horizontal alignment of the control's content. Selections are:
  • Left
  • Center
  • Right
  • Stretch
ImageStretchSpecifies how the image should be stretched to fill the destination rectangle. Selections are:
  • Fill
  • None
  • Uniform
  • UniformToFill
InnerBorderBrushExpand this field to select the color for the inner border.
InnerBorderThicknessExpand this field to select the color for the inner border.
InnerCornerRadiusSpecifies the degree to which the corners of the inner border are rounded.
IsEnabledSelect this check box to indicate that this control is enabled in the user interface (UI).
IsHitTestVisibleSelect this check box to indicate that the control can possibly be returned as a hit test result from some portion of its rendered content.
IsManipulationEnabledSelect this check box to indicate that the manipulation events for the control are enabled.
IsSharedSizeScopeSelect this check box to indicate that controls are sharing size information.
IsTabStopSelect this check box to indicate that a control is included in tab navigation.
LocalizationClick the ellipsis button to open the Localization Configuration dialog box where you can configure the property to localize, the language to use for localization, and the text to localize.
MarginSpecifies the outer margin of a control.
MaxHeightSpecifies the maximum height of a control.
MaxWidthSpecifies the maximum width of a control.
MinHeightSpecifies the minimum height of a control.
MinorBackgroundExpand this field to select the fill color of secondary components on the control.
MinWidthSpecifies the minimum width of a control.
NameSpecifies the identifying name of the control. The name provides a reference so that code behind, such as event handler code, can refer to a markup element during processing by a XAML processor.
OpacitySpecifies the opacity factor applied to the entire control. Valid values are 0 through 1, with up to 15 decimal places.
OpacityMaskExpand this field to select a color for the opacity mask, which is applied to any alpha-channel masking for the rendered content of this control.
OverridesDefaultStyleSelect this check box to indicate that this control incorporates style properties from theme styles.
PaddingSpecifies the amount of padding to apply to the inside edge of each side of a control.
RenderTransformOriginSpecifies the center point of any possible render transform, relative to the bounds of the element.
  • X is the horizontal origin factor, given as a value between 0 and 1.
  • Y is the vertical origin factor, given as a value between 0 and 1.
RowRowBackground
RowSpanSpecifies the total number of rows that child content spans within a grid.
SnapsToDevicePixelsSelect this check box to indicate that rendering for this control uses device-specific pixel settings.
State1BrushExpand this field to select a color for the indicator light when it is in State1.
State2BrushExpand this field to select a color for the indicator light when it is in State2.
State2IsOnSelect this check box to indicate that State2 is active.
State2ThresholdSpecifies, in a numerical value, the maximum number that State1 will reach before changing to State2.
State3BrushExpand this field to select a color for the indicator light when it is in State3.
State3IsOnSelect this check box to indicate that State3 is active.
State3ThresholdSpecifies, in a numerical value, the maximum number that State2 will reach before changing to State3.
State4BrushExpand this field to select a color for the indicator light when it is in State4.
State4IsOnSelect this check box to indicate that State4 is active.
State4ThresholdSpecifies, in a numerical value, the maximum number that State3 will reach before changing to State4.
State5BrushExpand this field to select a color for the indicator light when it is in State5.
State5IsOnSelect this check box to indicate that State5 is active.
State5ThresholdSpecifies, in a numerical value, the maximum number that State4 will reach before changing to State5.
StyleSpecifies the style used by this control when it is rendered.
TabIndexSpecifies the order in which controls receive focus when the Tab key is pressed.
TagSpecifies an arbitrary object value that can be used to store custom information about this control.
TemplateClick the ellipsis button to open the Open dialog box to select a template to use.
TertiaryBorderBrushExpand this field to select the innermost border color of the selected control.
TertiaryBorderThicknessSpecifies the thickness of the innermost border; that is, the border closest to the indicator.
TertiaryCornerRadiusSpecifies the degree to which the innermost corners of a control are rounded.
ToolTipSpecifies the tool-tip that displays for this control in the user interface (UI).
UidSpecifies the unique identifier (for localization) for this control.
UseLayoutRoundingSpecifies a value that determines whether rendering for the object and its visual subtree should use rounding behavior that aligns rendering to whole pixels.
ValueSpecifies the current magnitude of the range control.
VerticalAlignmentSpecifies the vertical alignment characteristics applied to this control. Selections are:
  • Bottom
  • Center
  • Top
  • Stretch
VerticalContentAlignmentSpecifies the vertical alignment of the control's content. Selections are:
  • Bottom
  • Center
  • Top
  • Stretch
VisiblilitySpecifies the visibility of this control. Selections are:
  • Collapsed
  • Hidden
  • Visible
WidthSpecifies the width of the control, in pixels.