Indicators

Example

Indicator Gauge within a Table
Product Name	Units in Stock	Indicator
Chai	39
Chang	17
Aniseed Syrup	13
Chef Antons Cajun Seasoning	53
Chef Antons Gumbo Mix	0
Grandmas Boysenberry Spread	120
Uncle Bobs Organic Dried Pears	15
Northwoods Cranberry Sauce	6
Mishi Kobe Niku	29

A Gauge.Indicator element is used with several Indicator State elements in a data table column to provide the correct image based on data values.

<DataTable AltRowClass="ThemeAlternatingRow TD" Caption="Indicator Gauge within a Table" Class="fontA12" ID="dtProductsXML" Layout="Fixed" Width="425" WidthScale="px">
  <DataLayer ID="dlProducts2XML" Type="XMLFile" XMLFile="NW_Products.xml">
    <ConditionFilter Condition=" &lt; 10" />
  </DataLayer>
  <DataTableColumn Class="ThemeAlignLeft" Header="Product Name" ID="colProductName" Width="50" WidthScale="%">
    <Label Caption="" ID="lblProductName" />
  </DataTableColumn>
  <DataTableColumn Class="ThemeAlignCenter" Header="Units in Stock" ID="colUnitsInStock">
    <Label Caption="" ID="lblUnitsInStock" />
  </DataTableColumn>
  <DataTableColumn Class="ThemeAlignCenter" Header="Indicator" ID="colIndicator">
    <Gauge BackgroundColor="#F7F7F7" ChartHeight="20" ChartWidth="20" ID="Indicator" Tooltip="Indicates action to be taken based on comparison of Units in Stock to thresholds (20 or less, 20-40, 40 or more)" Type="Indicator" UpperBound="150" Value="">
      <IndicatorState Image="UpArrowGrn.gif" IndicatorGaugeStyle="Image" IndicatorHighValue="20" IndicatorLowValue="0" />
      <IndicatorState Image="FlatArrowOrange.gif" IndicatorGaugeStyle="Image" IndicatorHighValue="40" IndicatorLowValue="20" />
      <IndicatorState Image="DnArrowRed.gif" IndicatorGaugeStyle="Image" IndicatorLowValue="40" />
    </Gauge>
  </DataTableColumn>
</DataTable>