Default language.

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.

    Best practice
    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/.

  • 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
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

      Note

      If 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 properties0 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

Adding-graphics-to-an-application-with-flashboards

 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*