Overview
Used to insert an external image file from your computer into the solution configuration, like such as an icon, wallpaper, object, or background image. You can manage the imported images at Displays → Images. After After the image is imported, you no longer need the original file. Images can be used as color brushes for any drawing object, and they can even be used as "color" or in the ColorFill dynamic attributes.
On this page:
| Table of Contents | ||||
|---|---|---|---|---|
|
Understanding Images
Images refer to the configuration interface for managing image file collections, providing tools for image resource management. They aim to enhance the application's appearance and functionality by allowing users to incorporate images into interfaces. Images serve as a library, enabling users to select images to fill shapes and backgrounds and create elements. Users import image files into the application via Displays → Images, where the application stores them in its database for easy access. Use these images in interface design to customize display components. To use, navigate to Displays → Images, import image files, and apply them in designs. Supported file types include .bmp, .gif, .ico, .jpg, .png, .tiff, and .wdp.
Working with Display
Working withImages
You can import any image file in the Displays → / Images. This creates a repository of images for the application that is stored inside the project database file. You do not need the original files anymore. These images can be used to be the Fill of an object, such as rectangles, ellipses, LabelBoxes, paths, page background, or target color in runtime dynamics using colors.
Supported file types include .bmp, .gif, .ico, .jpg, .png, .tiff, and .wdp.
If you need to update an image with a new version, you can replace it, and it will be updated throughout the application. Be sure to keep the resource name the same.
You can use any image file to fill or "paint" an object when you create displays in Display → / Draw → Drawing.
Importing Image resources
Go to Displays → Images.
Click Import Images.
Navigate to
the folder of the images you want to import.
Select the image files and click Open.
Adding image to displays
Go to Displays
/ Draw
.
On the Components Panel, click
on the Images
Component category.
Select the image and click
in the Draw area.
| Info |
|---|
Typically, you may use UNIFORM or FILL for image stretching. The image (using the Appearance menu to the left) can be applied to any graphical shape in the display. |
Displays Images Table
You apply the images directly in the Draw interface, so it is usually not necessary to visit this table, except for importing new images or managing image resources.
Displays Images Table |
Properties References
The Properties References present a reference that describes and explains the Images properties. The table lists all properties available for the configuration item. However, not all properties described in the documentation are displayed in the data grids by default. Right-click column headers to see which property columns are currently displaying. The displayed properties appear with a check mark.
The data grids allow users to manage and organize information by showing or hiding properties in tables within configuration interfaces. Users can view and select properties via column headers, enable multiple selections, add or remove columns, or reset grid settings. These features are available in all configuration interfaces using a table for data management. To use them showing properties on the data grid, right-click column headers to select properties or use the reset button to return to default settings. Check out Working with DataGrids for detailed info.
Image Properties
Name | Edit the default name. |
Description | Enter a description of this image. |
Folder | Specify the folder where the resource is |
ResourceType | Specify the type of the resource |
Dimension | Read-only. Show the dimension of the resource file |
Size | Read-only. Show the size of the resource file |
In this section:
| Page Tree | ||||
|---|---|---|---|---|
|