Resizing Images to use in Data Tables

Owned by Karen Hogan (Unlicensed)
Last updated: Jul 19, 2022
2 min read

If you want to use images in Data Tables, as shown in the screenshot below, you may need to think about resizing them.

To use images in Data Tables, they must be stored in the ‘panMISDashboardResources\images’ folder. Once you have added the images that you want to use in your dashboard to this folder you can start using them in tables.

In Dashboard Configuration>Data Connections we’ve added an object that allows us to use the images displayed in the data table shown above. The following screenshot shows the original image, without any resizing.

This is how it would appear in a Data Table.

By adding a height and width element to the object in Dashboard Configuration> Data Connections, as shown in the following screenshot. We added style="width:60px;height:70px to our image but you can adjust this for your own images

The image would be displayed like this