Configuring the display properties for a flashboard

To keep a similar look and feel across BMC products, the default format of Flashboards has the same color scheme and look as the Dashboards product.

Flashboards product provides:

An exciting UI
Off-loading of the chart rendering to the client side (browser side)—thus freeing the Mid Tier to do more processing
More client-side interactions such as step zoom in and zoom out; dynamic chart, legend, and color change; and full-screen view

Modifying Flashboardsproperties

BMC offers two types of Flashboards rendering:

HTML rendering
HTML rendering offers more secure Flashboardsdisplay with modern and improved look and feel. When you choose to use HTML rendering, all your customized Flashboardscontinue to work as it is. When you select HTML rendering check the parameters supported by HTML rendering. For more information, see Flashboard-parameters.
Adobe Flash rendering
We recommend that you use the HTML rendering because Adobe has announced the end development and distribution of Flash Player by the end of year 2020. For more information, see https://theblog.adobe.com/adobe-flash-update/.

The following table lists the available properties on the Properties tab and the Flashboardsformat supported for each property.

Flashboard property	Adobe Flash rendering	HTML rendering
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
  If you have Flashboardscreated 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 Flashboards.
Offset properties—The number of pixels that the image is offset.

Additional Flashboardsproperties

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 Flashboardstypes.

Warning

These properties are not supported with HTML rendering.

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 Flashboards. 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 Flashboardsonly and it is ignored for other Flashboards.

Embedding a flashboard in a window

You can enable the Embedded property for the Flashboardsto embed the Flashboardson the window. Embedded Flashboardsdo 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 Flashboards. Embedded Flashboardsdo not contain the following controls:

Show Legend
Full Screen
Options

Warning

These properties are not supported with HTML rendering.

Embedded Flashboard

However, you can right-click on the embedded Flashboardsto open a context menu and view these options.

Embedded Flashboardsdo not support zoom functionality. When you view the embedded Flashboardsusing Mid Tier 7.6 or earlier, it appears like a regular Flashboardswith borders and controls.

To enable the Embedded property for flashboard

In Developer Studio Properties window, open the Chart section for a Flashboards.
Set the Flashboardsproperty Embedded to 1.
By default, the value is set to 0.