Strategy ONE

Format Panel for Images

Once you create an image, you can resize it, format its background color and border, and, starting in Strategy One (March 2025), provide alternative text to screen readers to improve the dashboard's accessibility.

Access

  1. Open an existing dashboard that contains the image you want to format.
  2. Select the image in the dashboard.
  3. If the Format panel is available, click Format to display.
  4. If it is not available, from the View menu, select Format Panel.

Fields

Image Options tab

  • File: Enter the URL or path and filename of the image.

  • Browse: Select this button to browse for an image.

  • OK: Select this button after entering a file location in File.

  • Size: Select one of the following options to size the image:

    • Fixed To: Displays the image with a specific width and height. Additional options display:
      • Lock Aspect Ratio: Select this check box to keep the image's original aspect ratio.
      • Type the width of the image, in pixels, in the Width field.
      • Type the height of the image, in pixels, in the Height field.
    • Fit to Container: Displays the image so that its width and height fit inside its container. If the space available to display the image does not match the image's original aspect ratio, a blank space appears.
    • Fill Container: Displays the image so that it fills its container. If the space available to display the image does not match the image's original aspect ratio, a portion of the image is cropped to fit the size of the available space.
    • Stretch: Stretches the image so that it fills all available space available in its container.

  • Restore to Original Size: Select this button to restore the image to its original size. The Size field is set to Fixed to, the Lock Aspect Ratio check box is selected, and the Width and Height fields are filled in with the original size.

  • Alternative Text: Starting in Strategy One (March 2025), type a description of the image. The description is used by screen readers or other assistive technology, improving the dashboard's accessibility.

Title and Container tab

These settings apply to the container of the image. The image displays inside the container. For example, if the container is larger than the image, the fill color displays around the image's edges.

  • Fill Color: Select the background color from the palette. In the Percent field, type the opacity of the background as a percentage. Higher values are more opaque.

  • Outer Border: Select the line style of the borders from the drop-down list. Next, select the color of the borders from the palette.

  • Position and Size: Type the position beginning from the top left corner of the dashboard page in the X and Y fields, using percentages. Type the Width and Height in percentages of the dashboard page.

Related Topics

Add Images to a Dashboard