Image tile

The Image tile can be used for two different use cases:

  • Displaying an image
  • Displaying the status of resources, resource groups or subscriptions (just like you can do with the Status tile) on an image background, such as a map.

Tip: If you want to use an image background and display more data than just the health status, like performance metrics and other information, you can use the Surface tile (How to use the Surface tile).

How to configure an Image tile

  1. Add a new tile to a dashboard or perspective, choose the Image tile and then click Resources, Resource Groups or Subscriptions depending on what you'd like to display.
  2. Image:

    Here you can choose one of the provided images or upload your own.
    Tip: If you want a different selection of maps, you can download more at https://freevectormaps.com/

    Supported image formats: png, jpg, jpeg, gif, tif, tiff. svg, bmp
    Tip: SVG images resize best since they are vector images.

    File size limit: 10MB

    Image size: Images fill the size of the tile, which means you can resize the image by adjusting the tile's size. The size of the tile also depends on the screen the dashboard is being viewed on.

  3. Scope:
    If you want to display status icons on the image, you need to define a scope here. Scoped resources will appear straight away and can be dragged into position.

    What you want to select
    What to use as a scope
    All your Distributed Applications (DAs)
    In the advanced section, use a class of either service (system.service) or user created distributed application
    Only your Enterprise Applications (EAs)
    In the advanced section, use a class of Enterprise Application (Base)

  4. Icons:

    Here you can customize the icons on the image:

    • You can change the size of the icons with the slider
    • You can change the shape of the icons (square or circle)
    • You can drag the icons on the image into position
  5. Label:

    none
    Use no label
    name
    Use the object's name
    path / name
    Use the object's name and path
    name (path)
    Use the object's name and path
    custom

    Here you can change the label to a custom label. You can use static text and dynamic properties. Use the mustache picker

    to select dynamic properties from the response data to use them as labels.

    For more information see How to use Custom Labels

  6. Click done to save the tile.

    The tile now shows data according to your settings.

Was this article helpful?


Have more questions or facing an issue?