Add an Image Widget to a Dashboard

Use the Dashboard Editor to add an Image Widget to a Dashboard.

Good to know:

• An Image Widget is highly configurable. Add one or many to a Dashboard, then define the image, and how the image looks and behaves on the Dashboard (ex: Text, size, alignment, anchoring, layering, and visibility).
• Image Widgets do not support text, background, foreground, or border colors; therefore no colors, styles, or fonts can be applied.
• Images can be conditional (Expression-driven). For example, display a warning icon when an SLA is in jeopardy of being breached and a clock icon after an SLA has been breached.
• See Dashboard Editor Behaviors for tips on working with Widgets on Dashboards.

To add an Image Widget to a Dashboard:

1. Open a Dashboard in the Dashboard Editor
2. Drag-and-drop the Image Widget from the Shapes, Etc. tree onto the Dashboard.
3. Define the image to display:
   1. On the Dashboard Editor toolbar, click the drop-down arrow on the Image button , and then select one of the following options:
      • Browse: Opens the Image Manager, where you can select an existing image or import a new image to display on the Widget.
      • From Stored Value: Opens the Stored Value Manager, where you can select an existing Stored Value or create a new Stored Value to use.
      • Custom Expression: Opens the Custom Expression Builder, where you can create a custom Expression to use only for this scenario.
      • Expression Manager: Opens the Expression Manager, where you can select an existing Expression or create a new stored Expression to use. Stored Expressions can be reused in numerous places in CSM.
      • None: Does not use an image.
4. Align the image:
   1. Click the drop-down arrow on the Image button, select Image Alignment, and then select an alignment option within the Widget (ex: Top-right).
5. Define how the Image Widget looks and behaves on the Dashboard (ex: Size, alignment, etc.).

6. Continue making changes, or click OK to save and close the editor.