The Image component displays either vector or raster format images, such as a jpeg, gif, png, or svg. For examples see Images and Icons in Perspective.
When attempting to show images from the Image Management Tool on this component, you'll need to prefix
/system/images/ to the path. For example:
The Image component can also be used to show external images stored relative to the local file system on the client. The file path is similar to having your browser view a local document:
The image source URL. It could be a URL to an image on the internet or Gateway, or even an embedded image. You can find images in the Image Management tool and copy their path for this source property. Format: /system/images/<imagepath>
For example, the Builtin/icons/16/about.png image path would be /system/images/Builtin/icons/16/about.png
In addition, source can be set to a Base64 encoded image
|altText||An alternate text for the image if the image cannot be displayed because of a slow connection, an error in the source attribute, if the user uses a screen reader, or some other reason.||value: string|
Whether or not the image will size to fit. When in percent mode, the parameters are used to fit based on the percentage of the width and height. When in absolute mode, the image will fit the width and height sizes in pixels.
Click to see the fit properties
Enables you to tint the entire image a color.
Click to see the tint properties
Sets a style for this component. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. Classes are predefined styles in a project.
The Perspective Event Types Reference page describes all the possible component event types for Perspective components. Not all component events support each Perspective component. The Component Events and Actions page shows how to configure events and actions on a Perspective component. Component scripting is handled separately and can be accessed from the Component menubar or by right clicking on the component.