Image: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| 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;"> | <div style="border:1px solid #dfdfdf;padding:0.5em 1em 0.5em 1em;background-color:#E7EAEC;margin:10px 0px 0px 10px;"> | ||
This functionality is available | This functionality is available in 2021.7. | ||
</div> | </div> | ||
'''Image''' | '''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 is fit to the available space. If there is more space than the image size, | 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. If there is more space than the image size, there will be empty space around the image. If the image shows too small, you need to have an image with larger resolution. | ||
The image is stored to the dashboard, which will increase the size of the dashboard. | 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: | 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. If the image has transparent | * 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. | ||
Revision as of 16:07, 18 September 2021
This functionality is available in 2021.7.
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. If there is more space than the image size, there will be empty space around the image. If the image shows too small, you need to have an image with 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.
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.