In this article we'll provide information on how to Image tile type to add static images to Calxa dashboards. In the example below we've added a Calxa logo as an image on a dashboard tile.
Supported Formats
Raster images with formats such as JPG, PNG & GIF are supported. Vector images such as SVG are not supported because there is no capability to specify an actual image size.
Providing Image
Select Linked to provide an image via a web URL or Embedded to upload an image file.
Mode | Description |
Linked | In the editor, specify the image’s URL. For example: https://www.example.com/image.jpg |
Embedded | In the editor, click the ellipsis button and locate the required image file in the invoked dialog. |
Image Options
Size Mode
You can specify the image size mode that defines how the image fits within the dashboard item.
Mode | Description |
Clip | Displays the image in its original size. The image is clipped if it is larger than the tile. |
Zoom | The image is stretched or shrunk to fit the size of the tile. |
Squeeze | If the dimensions of the tile exceed those of the image it contains, the image is shown full-size. Otherwise, the image is resized to fit the dimensions of the tile. |
Zoom | The image is sized proportionally without clipping, so that it best fits the tile. The closest fitting side of the image (either the height or the width) will be sized to fit the dashboard item, and the remaining side (height or width) will be sized proportionally, leaving empty space. |
Image Alignment
Use the Horizontal Alignment and Vertical Alignment to specify how the image is aligned within the dashboard tile.
