ArrowIndicator
Version:
The ArrowIndicator control displays the difference between two values as an image and as a number. The control aligns the image and the number horizontally.
The two values are called OldValue and NewValue. The control shows the following images, depending on the relationship between the two values:
- OldValue > NewValue: the control displays an arrow pointing down
- OldValue < NewValue: the control displays an arrow pointing up
- OldValue = NewValue: the control displays an equals (=) sign
The number that the control displays is the value difference between OldValue and NewValue. You can specify if the control displays this number as the absolute difference or as a percentage. If NewValue is less than OldValue then the control automatically displays the number as a negative number.
You can specify the colors and the size that the control uses for displaying the image and the number.
Properties
Properties
| Name | Description | Default |
|---|---|---|
| Appearance | ||
| DownArrowColor | Specify the color of an arrow pointing down. You can use all color specifications that are valid in CSS. | Red |
| EqualSignColor | Specify the color of an equals sign. You can use all color specifications that are valid in CSS. | Gray |
| ImageSize | Specify the size of the image. You can use these values: Small, Normal, Medium, Large, and ExtraLarge. | Normal |
| ShowMinusSign | Specify if the control displays a minus sign when the number is negative. You can specify True or False. | False |
| UpArrowColor | Specify the color of an arrow pointing up. You can use all color specifications that are valid in CSS. | Green |
| ValueColor | Specify the color of the number value the control displays. You can use all color specifications that are valid in CSS. | Black |
| ValueFormat | Specify how the control displays the number value. You can specify Number or Percentage. | Number |
| ValueSize | Specify the size of the number value the control displays. You can use these values: Small, Normal, Medium, Large, and ExtraLarge | Normal |
| Data | ||
| Data | Bind the control to the data that it uses, for example: {Binding.DataProvider.Data} |
If you have suggestions for improving this article, let us know!