Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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 DisplaysImages. 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
maxLevel3
stylenone

Understanding Images

It refers to a data grid that imports and manages file collections of pictures and graphical patterns. The solution database file stores these images, enabling users to access and use them without the original files. This feature supports customizing elements in the application, such as filling shapes or backgrounds and adding dynamics.

Definition

The Images refer to the user interface for managing image file collections. It provides features and tools for image resource management.

Purpose

Images provide elements that users can incorporate into application interfaces, enhancing appearance and functionality.

Function

Images serve as a library, allowing users to select images to apply to different parts of their application's interface, including filling shapes, backgrounds, and creating elements.

Operation

Users import image files into the application via Displays → Images. The application then stores these images in its database, making them available for use.

Application

Images are used in interface design within the application, notably in designing and customizing components of displays.

Usage

To use Images, users navigate to Displays → Images, import their chosen image files, and then apply these images in interface designs. The feature supports file types like .bmp, .gif, .ico, .jpg, .png, .tiff, and .wdp, catering to various needs. This feature facilitates adding and managing elements in an application, improving efficiency and creativity.


Image Added


Working with Display

Working with

Images

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

  1. Go to Displays → Images.

  2. Click Import Images.

  3. Navigate to where the images you want to import.

  4. Select the image files and click Open.

Adding image to displays

  1. Go to Displays → Draw

→ Drawing
  1. .

  2. On the Components Panel, click

on
  1. on the Images

component
  1. Component category.

  2. Select the image and click

on
  1. in the Draw area.

Image Added


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

Image Properties

The table provides a reference for the Image properties.

Image Resources 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
root@parent
spacesV10