Using the Image Component
The following example walks through bringing an image from the Image Management tool using an image component. For more information on the Image component and all of its properties, see Perspective - Image.
For more information on the Image component and all of its properties, see Perspective - Image.
Drag and Drop an Image onto a View
In Perspective, you can drag and drop images from your computer onto a view. In this example, we'll pull in a .jpg photo of a sunset to use as a background on a home page for our application.
Manage Images in the Image Management Tool
There are additional ways to manage images into the Image Management tool.
Upload an Image to the Image Management Tool
Alternatively, the Image Management window has an Upload button to pass images in. Locate the directory you wish to upload the image. You may use the root folder, or create a new folder to keep your images organized.
You can also use a file path to a local image. Enter the file path in the source property for the Image component . This is done by prefixing the file path with
It is important to understand that this will only work if the image is accessible from where the client is running. So if you access an image from the designer on the local machine, clients that launch elsewhere may not have the image stored in the same location.
Download Images from the Image Management Tool
Single images, as well as entire directories, may be downloaded from the Image Management tool. This is useful when migrating a project to another Gateway. Image downloads can be taken from either the Image Management or Image Browser windows.
Example with Custom Icon Repository
In this example we'll make a custom repository file with icons. The name of the file is