Configuring the display properties for a flashboard
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 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.
LH000000FFFFFFIf you have flashboards created before version 7.0.01, you can use the old color palette to keep your old color. To keep the old palette, change the Advanced Color Palette value to 0.
- 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.
Additional flashboard properties
In the Developer Studio Properties window, the following additional attributes have been added under Axis section for flashboards. The properties mentioned in the table are available for all flashboard types.
Updated flashboard properties
Property | Description |
|---|---|
Show X Axis line | Option to display the X axis line. If the value is set to 0, the axis line is invisible. If the value is set to 1, the axis line is visible. By default, the value is set to 0. |
Show Y Axis line | Option to display the Y axis line If the value is set to 0, the axis line is invisible. If the value is set to 1, the axis line is visible. By default, the value is set to 0. |
Show Label Inside | Option to display labels above each horizontal bar of the capacity flashboard. If the value is set to 0, the vertical axis labels are displayed outside chart at the default position. If the value is set to 1, the vertical axis labels are displayed inside the chart above each bar. This property is applicable for horizontal capacity flashboard only and it is ignored for other flashboards. |
Embedding a flashboard in a window
You can enable the Embedded property for the flashboard to embed the flashboard on the window. Embedded flashboards do not display distinct boundaries and the background color. These support transparency on the form and do not display borders. You can see the text description within the flashboard. Embedded flashboards do not contain the following controls:
- Show Legend
- Full Screen
- Options
Embedded Flashboard
However, you can right-click on the embedded flashboard to open a context menu and view these options.
Embedded flashboards do not support zoom functionality. When you view the embedded flashboard using Remedy Mid Tier 7.6 or earlier, it appears like a regular flashboard with borders and controls.
To enable the Embedded property for flashboard
- In BMC Remedy Developer Studio Properties window, open the Chart section for a flashboard.
- Set the flashboard property Embedded to 1.
By default, the value is set to 0.