--- title: "Level Indicator" description: "A component that can be filled up with water. Usually used behind a symbol factor object that has a cutout in it." --- # Level Indicator > A component that can be filled up with water. Usually used behind a symbol factor object that has a cutout in it. ![](levelIndicator0.png) **Component Palette Icon** ![](levelIndicator1.png) ## Properties |Name|Description|Property Type|Scripting|Category| |:---|:---|:---|:---|:---| |Anti Alias|Draw with antialias on? Makes text smoother.|boolean|.antiAlias|Appearance| |Background Color|The color of the background.|Color|.background|Appearance| |Border|The border surrounding this component. NOTE that the border is unaffected by rotation.|Border|.border|Common| |Capacity|Total capacity of tank.|double|.capacity|Data| |Cursor|The mouse cursor to use when hovering over this component.|int|.cursorCode|Common| |Data Quality|The data quality code for any tag bindings on this component.|int|.dataQuality|Data| |Filled Color|Set the color of filled portion.|Color|.foreground|Appearance| |Font|Font of text on this component.|Font|.font|Appearance| |Font Color|The foreground color of the component.|Color|.fontColor|Appearance| |Gradient|Draw level as 3D gradient?.|boolean|.gradient|Appearance| |Liquid Waves|Draw liquid 'waves'?|boolean|.waves|Appearance| |Mouseover Text|The text that is displayed in the tooltip which pops up on mouseover of this component.|String|.toolTipText|Common| |Name|The name of this component.|String|.name|Common| |Orientation|Determines which way the level "grows" for an increase in value.|int|.orientation|Appearance| |Percent Format|Format string used for the percentage.|String|.percentFormat|Appearance| |Show Percentage|Show percentage of tank filled?|boolean|.showPercent|Appearance| |Show Value|Show numeric value, capacity, and units?|boolean|.showValue|Appearance| |Styles|Contains the component's styles.|Dataset|.styles|Appearance| |Units|Units of measure for tank contents.|String|.units|Appearance| |Value|Numeric value of tank's level.|double|.value|Data| |Value Format|Format string used for the value.|String|.valueFormat|Appearance| |Visible|If disabled, the component will be hidden.|boolean|.visible|Common| |Wave Height|The height of each 'wave'.|int|.waveHeight|Appearance| |Wave Length|The length of each 'wave'.|int|.waveLength|Appearance| ## Scripting ### Scripting Functions This component does not have scripting functions associated with it. ### Extension Functions This component does not have extension functions associated with it. ### Event Handlers Event handlers allow you to run a script based off specific triggers. See the full list of available event handlers on the [Component Events](scripting\scripting-in-ignition\component-and-window-scripting\component-events.md) page ## Customizers + [Vision Component Customizers](visualization-and-dashboards\understanding-components\component-customizers\component-customizers.md) + [Style Customizer](visualization-and-dashboards\understanding-components\component-customizers\component-customizers.md#style-customizer) ## Examples ![](levelIndicator2.png) |Property Name|Value| |:---|:---| |Border|Line Border| |Value|75| |Units|Gallons| |Show Value|True| |Gradient|False| |Filled Color|0,100,240|