Modifying flashboard properties
BMC offers two types of flashboard rendering:
HTML rendering
When you perform a fresh install of version 19.02, HTML rendering is enabled by default for new flashboards. HTML rendering offers more secure flashboards display with modern and improved look and feel. When you choose to use HTML rendering, all your customized flashboards continue to work as it is.
When you upgrade to version 19.02, a developer can choose to enable HTML rendering. If you choose to use HTML rendering, the out-of-the-box flashboards and your custom flashboards are automatically compatible with HTML rendering. You need not perform any migration.
When you select HTML rendering check the parameters supported by HTML rendering. For more information, see Types of flashboard parameters.- Adobe Flash rendering
When you upgrade to version 19.02, by default, the Adobe Flash rendering is available. You can choose to select HTML rendering over the existing Adobe Flash rendering.
The following table lists the available properties under the Properties tab and the flashboard format supported for each property.
Flashboard property | Adobe Flash | HTML |
---|---|---|
Axis | ||
Show X Axis | ✅️ | ❌️ |
Show X Axis as Time | ✅️ | ❌️ |
Show X Axis Ticks | ✅️ | ❌️ |
Show Y Axis | ✅️ | ❌️ |
Show Y AxisTicks | ✅️ | ❌️ |
X Axis Grid Color | ✅️ | ❌️ |
X Axis Label Color | ✅️ | ❌️ |
X Axis Label Font | ✅️ | ❌️ |
X Axis Show Ticks Label | ✅️ | ❌️ |
X Axis Ticks Label Font | ✅️ | ❌️ |
X Axis Ticks Color | ✅️ | ❌️ |
X Axis Ticks Label Color | ✅️ | ❌️ |
Y Axis Grid Color | ✅️ | ❌️ |
Y Axis Label Color | ✅️ | ❌️ |
Y Axis Label Font | ✅️ | ❌️ |
Y Axis Show Ticks Label | ✅️ | ❌️ |
Y Axis Ticks Color | ✅️ | ❌️ |
Y Axis Ticks Label Color | ✅️ | ❌️ |
Y Axis Ticks Label Font | ✅️ | ❌️ |
Chart | ||
Advanced Color Palette | ✅️ | ❌️ |
Chart Border Width | ✅️ | ❌️ |
Chart Outline Width | ✅️ | ❌️ |
Custom Time Format | ✅️ | ❌️ |
Display Table | ✅️ | ❌️ |
Foreground Color | ✅️ | ❌️ |
Foreground Transparency | ✅️ | ❌️ |
Graph Background Color | ✅️ | ✅️ |
Graph Background Transparency | ✅️ | ❌️ |
Legend Border Width | ✅️ | ❌️ |
Max Bar Width | ✅️ | ❌️ |
Outline Color | ✅️ | ❌️ |
Outline Legend Keys | ✅️ | ❌️ |
Show Chart Title | ✅️ | ✅️ |
Show Values | ✅️ | ❌️ |
Title Alignment | ✅️ | ❌️ |
Title Color | ✅️ | ❌️ |
Title Font | ✅️ | ❌️ |
Top Group By Number | ✅️ | ❌️ |
Top Group By Other Alias | ✅️ | ❌️ |
Top Group By Other Color | ✅️ | ❌️ |
Legend | ||
Background Color | ✅️ | ❌️ |
Item Color | ✅️ | ❌️ |
Item Font | ✅️ | ❌️ |
Outline Color | ✅️ | ❌️ |
Outline Width | ✅️ | ❌️ |
Title Alignment | ✅️ | ❌️ |
Title Color | ✅️ | ❌️ |
Title Font | ✅️ | ❌️ |
Meter | ||
Alert Color | ✅️ | ❌️ |
Needle Color | ✅️ | ✅️ |
Normal Color | ✅️ | ❌️ |
Type | ✅️ | ❌️ |
Warning Color | ✅️ | ❌️ |
Formats for the properties in the Properties tab are as follows:
- Font properties — <type-size-font name>
For example:
0-10-SanSerif
The options for type are 0 for plain, 1 for bold, and 2 for italic. - Color properties — <heximdecimalColorCode>
For example, 0000FF renders a blue color.
Gradients use the following format: <colorOrdercolorPlacementcolorCode1colorCode2>
colorOrder determines the gradient's pattern. The options are:- L — For linear colors
- R — For reflected colors
colorPlacement determines the gradient's pattern. The options are: - H — For a horizontal pattern
V — For a vertical pattern
For example, the following property would render a horizontal gradient with the colors black and white.
LH000000FFFFFF
- On/off properties — 0 indicates that the property is turned off, and 1 indicates that the property is turned on. For example, if the Show X Axis property is set to 1, the X axis will appear in the flashboard.
- Offset properties — The number of pixels that the image is offset.
Related topic