Image - Revision history

Ollvihe at 21:22, 28 February 2023

2023-02-28T21:22:18Z

← Older revision		Revision as of 21:22, 28 February 2023
Line 1:		Line 1:
	'''Image''' components show bitmap/raster images in dashboards. Image formats that can be used are png, jpg/jpeg, bmp, webp and gif.		'''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 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.		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.

Ollvihe at 17:47, 29 January 2022

2022-01-29T17:47:50Z

← Older revision		Revision as of 17:47, 29 January 2022
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;">~~
	~~This functionality is available in 2021.7.~~
	~~</div>~~

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

Ollvihe at 16:07, 18 September 2021

2021-09-18T16:07:47Z

← Older revision		Revision as of 16:07, 18 September 2021
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 ~~from~~ 2021.7.		This functionality is available in 2021.7.
	</div>		</div>

	'''Image''' ~~component shows~~ bitmap ~~image~~ in ~~a dashboard~~. Image formats that can be used are png, jpg, bmp, webp and gif.		'''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 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 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. ~~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.		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 ~~pixels~~, the background color ~~is visible~~ in ~~the transparent~~ areas.		* 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.

Ollvihe at 20:01, 15 August 2021

2021-08-15T20:01:01Z

← Older revision		Revision as of 20:01, 15 August 2021
Line 12:		Line 12:
	* 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 pixels, the background color is visible in the transparent areas.

Ollvihe at 19:55, 15 August 2021

2021-08-15T19:55:00Z

← Older revision		Revision as of 19:55, 15 August 2021
Line 3:		Line 3:
	</div>		</div>

	'''Image''' ~~components allows to show a~~ bitmap image in a dashboard. ~~Formats~~ that can be used are png, jpg, bmp, webp and gif.		'''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 ~~component and~~ the aspect ratio ~~is always maintained (i.e.~~ image ~~is not stretched)~~. If the image is larger than the available space, the image is fit to the available space ~~so that the entire image is visible~~. If there is more space than the image size, the image is not zoomed. If the image shows too small, change the image to have a larger resolution.		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 ~~definition~~, which will ~~considerably~~ increase the size of the dashboard. Thus, set the resolution of the image to be suitable~~. Too~~ low resolution ~~images~~ look blurry, and too high resolution ~~images take~~ 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.

	~~Available~~ settings:		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]] ~~here~~.		* '''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 layout settings ~~available~~ as in charts.		* In addition, there are the same [[QPR_ProcessAnalyzer_Chart#Layout_Settings\|layout settings]] as for charts.

Ollvihe at 19:45, 15 August 2021

2021-08-15T19:45:55Z

← Older revision		Revision as of 19:45, 15 August 2021
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;">
			This functionality is available from 2021.7.
			</div>

	'''Image''' components allows to show a bitmap image in a dashboard. Formats that can be used are png, jpg, bmp, webp and gif.		'''Image''' components allows to show a bitmap image in a dashboard. Formats that can be used are png, jpg, bmp, webp and gif.

Ollvihe: Created page with "'''Image''' components allows to show a bitmap image in a dashboard. Formats that can be used are png, jpg, bmp, webp and gif. The image is positioned in the center of the co..."

2021-08-15T15:30:24Z

Created page with "'''Image''' components allows to show a bitmap image in a dashboard. Formats that can be used are png, jpg, bmp, webp and gif. The image is positioned in the center of the co..."

New page

'''Image''' components allows to show a bitmap image in a dashboard. Formats that can be used are png, jpg, bmp, webp and gif.

The image is positioned in the center of the component and the aspect ratio is always maintained (i.e. image is not stretched). If the image is larger than the available space, the image is fit to the available space so that the entire image is visible. If there is more space than the image size, the image is not zoomed. If the image shows too small, change the image to have a larger resolution.

The image is stored to the dashboard definition, which will considerably increase the size of the dashboard. Thus, set the resolution of the image to be suitable. Too low resolution images look blurry, and too high resolution images take unnecessary storage and data transfer capacity without providing any benefits.

Available settings:
* 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]] here.
* In addition, there are the same layout settings available as in charts.