Image: Difference between revisions

From QPR ProcessAnalyzer Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="border:1px solid #dfdfdf;padding:0.5em 1em 0.5em 1em;background-color:#E7EAEC;margin:10px 0px 0px 10px;">
'''Image''' components show bitmap/raster images in dashboards. Image formats that can be used are png, jpg/jpeg, bmp, webp and gif.
This functionality is available from 2021.7.
</div>


'''Image''' component shows bitmap image in a dashboard. Image formats that can be used are png, jpg, bmp, webp and gif.
The image is positioned in the center of the area, while keeping the original aspect ratio of the image. If the image is larger than the available space, the image size is reduced to fit to the available space.


The image is positioned in the center of the area, while keeping the original aspect ratio of the image. If the image is larger than the available space, the image is fit to the available space. If there is more space than the image size, the image is not zoomed, but there will be empty space around the image. If the image shows too small, you need to change the image to have a larger resolution.
The image is stored to the dashboard, which will increase the size of the dashboard and potentially increase delay when opening the dashboard. Good practice is to use as low resolution as possible where the image quality still looks good, because too high resolution takes unnecessary storage and data transfer capacity without providing any benefits.
 
The image is stored to the dashboard, which will increase the size of the dashboard. Thus, a good practice is to set the resolution of the image to be suitable: Image of too low resolution look blurry, and too high resolution takes unnecessary storage and data transfer capacity without providing any benefits.


Following settings are available for images:
Following settings are available for images:
* Click the '''Select image''' button to open a file selector to select an image file from your local disk drive.
* Click the '''Select image''' button to open a file selector to select an image file from your local disk drive.
* '''Link target''': If you want to make the image a link to other dashboard, define the target [[QPR_ProcessAnalyzer_Dashboard_Designer#Dashboard_General_Settings|dashboard identifier]]. Clickable images can be distinguished from a different cursor.
* '''Link target''': If you want to make the image a link to other dashboard, define the target [[QPR_ProcessAnalyzer_Dashboard_Designer#Dashboard_General_Settings|dashboard identifier]]. Clickable images can be distinguished from a different cursor.
* In addition, there are the same [[QPR_ProcessAnalyzer_Chart#Layout_Settings|layout settings]] as for charts.
* In addition, there are the same [[QPR_ProcessAnalyzer_Chart#Layout_Settings|layout settings]] as for charts. If the image has transparent areas, the background color can be seen in those areas.

Latest revision as of 21:22, 28 February 2023

Image components show bitmap/raster images in dashboards. Image formats that can be used are png, jpg/jpeg, bmp, webp and gif.

The image is positioned in the center of the area, while keeping the original aspect ratio of the image. If the image is larger than the available space, the image size is reduced to fit to the available space.

The image is stored to the dashboard, which will increase the size of the dashboard and potentially increase delay when opening the dashboard. Good practice is to use as low resolution as possible where the image quality still looks good, because too high resolution takes unnecessary storage and data transfer capacity without providing any benefits.

Following settings are available for images:

  • Click the Select image button to open a file selector to select an image file from your local disk drive.
  • Link target: If you want to make the image a link to other dashboard, define the target dashboard identifier. Clickable images can be distinguished from a different cursor.
  • In addition, there are the same layout settings as for charts. If the image has transparent areas, the background color can be seen in those areas.