PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview of Image control
  • Control found in a window, page or report
  • Creating an Image control
  • In a window
  • In a page
  • In a report
  • Multilingual images
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview of Image control

Control found in a window, page or report

The Image control is used to:
Versions 16 and later
Universal Windows 10 App This type of control is now available for the Windows Phone applications.
WINDEVLinux This type of control is now available for the WINDEV applications in Linux.
New in version 16
Universal Windows 10 App This type of control is now available for the Windows Phone applications.
WINDEVLinux This type of control is now available for the WINDEV applications in Linux.
Universal Windows 10 App This type of control is now available for the Windows Phone applications.
WINDEVLinux This type of control is now available for the WINDEV applications in Linux.
Versions 17 and later
iPhone/iPad This type of control is now available for the iPhone/iPad applications.
New in version 17
iPhone/iPad This type of control is now available for the iPhone/iPad applications.
iPhone/iPad This type of control is now available for the iPhone/iPad applications.
Versions 18 and later
iPhone/iPad This type of control is now available for the reports in the iPhone/iPad applications.
Android Widget This type of control is now available for the Android Widget windows.
Universal Windows 10 App This type of control is now available for the applications in Windows Store apps mode.
New in version 18
iPhone/iPad This type of control is now available for the reports in the iPhone/iPad applications.
Android Widget This type of control is now available for the Android Widget windows.
Universal Windows 10 App This type of control is now available for the applications in Windows Store apps mode.
iPhone/iPad This type of control is now available for the reports in the iPhone/iPad applications.
Android Widget This type of control is now available for the Android Widget windows.
Universal Windows 10 App This type of control is now available for the applications in Windows Store apps mode.
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser code The management of multi-touch is now available in the WEBDEV sites.
New in version 19
WEBDEV - Server codeWEBDEV - Browser code The management of multi-touch is now available in the WEBDEV sites.
WEBDEV - Server codeWEBDEV - Browser code The management of multi-touch is now available in the WEBDEV sites.
Versions 21 and later
Universal Windows 10 App This type of control is now available in Universal Windows 10 App mode.
New in version 21
Universal Windows 10 App This type of control is now available in Universal Windows 10 App mode.
Universal Windows 10 App This type of control is now available in Universal Windows 10 App mode.
Creating an Image control
WINDEVAndroidAndroid Widget iPhone/iPadWindows MobileUniversal Windows 10 AppJava

In a window

To create an Image control:
  1. In the window editor, click (or select "Insert .. Control .. Image").On the "Creation" pane, in the "Usual controls" group, click "Image".
  2. Click the position where the control will be created in the window. The control appears in creation mode.
To display the control characteristics, select "Description" from the popup menu of control. The main available options are presented in Image control in a window.
Versions 22 and later
Note: To edit the image found in an Image control, select "Edit the image" from the popup menu. The image editor is automatically started. See Image editor for more details.
New in version 22
Note: To edit the image found in an Image control, select "Edit the image" from the popup menu. The image editor is automatically started. See Image editor for more details.
Note: To edit the image found in an Image control, select "Edit the image" from the popup menu. The image editor is automatically started. See Image editor for more details.
WEBDEV - Server codePHP

In a page

To create an Image control:
  1. In the window editor, click (or select "Insert .. Control .. Image").On the "Creation" pane, in the "Usual controls" group, expand "Image" and select "Image".
  2. Click the position where the control will be created in the page. The control appears in creation mode.
To display the control characteristics, select "Description" from the popup menu of control. The main available options are presented in Image control in a page.
WINDEVWEBDEV - Server codeReports and QueriesiPhone/iPadWindows Mobile

In a report

To create an Image control:
  1. In the report editor, click . On the "Creation" pane, in the "Usual controls" group, click "Image".On the "Creation" pane, in the "Visual" group, click "Image".
  2. Click the position where the control will be created in the report. The control appears in creation mode.
To display the control characteristics, select "Description" from the popup menu of control.
To select the image (or the PDF file) displayed by the control, click the [...] button.To select the image (or the PDF file) displayed by the control, click the button, "Browse" option.
Multilingual images
If your application is a multilingual application, a different image can be selected for each language. This option is useful when the images contain a text for example.
To manage the multilingual images:
  1. Display the description of image control, "General" tab.
  2. Click . The window for managing multilingual images is displayed. By default, the same file is associated with all languages supported by the window, page or report.Click the button, "Multilingual" option. The window for managing multilingual images is displayed. By default, the same file is associated with all languages supported by the window, page or report.
  3. For each language, click the [...] button and select the image corresponding to the language. At run time, the corresponding image will be displayed according to the language chosen by Nation.For each language, click the button, "Browse" option, and select the image corresponding to the language. At run time, the corresponding image will be displayed according to the language chosen by Nation.
Caution: Only the image files are managed by the multilingual feature, not the display characteristics of image.
Note: If a multilingual image was defined, the "<Multilingual Value>" message is displayed in the area corresponding to the name of image file in the description window of Image control.
Related Examples:
The Image control Unit examples (WINDEV): The Image control
[ + ] Using an Image control.
The Image control (animations) Unit examples (WINDEV): The Image control (animations)
[ + ] Animating an image with WINDEV.
Two main topics are presented in this example:
1/ animated drawings ('image to animate')
2/ one-way and two-way animations.

This example presents some features proposed by WINDEV to animate images.
This list is not an exhaustive list ; indeed, by combining the different modes, the number of possible animations exceeds 2,000.
This example proposes animations without code as well as programmed animations.
Drag and drop Unit examples (WINDEV): Drag and drop
[ + ] Using Drag & Drop with the WLanguage functions.
The following topics are presented in this example:
1/ How to manage Drag&Drop between WINDEV controls
2/ How to manage Drag&Drop from the Windows file explorer to a WINDEV control
Drag & Drop is used to move objects via the mouse. "Drag" consists in clicking an object and moving the mouse while keeping the left button down. "Drop" consists in releasing the left mouse button.
Drag & Drop can be used with WINDEV on the List Box, TreeView, Table and Image controls.
WD Lasso Training (WINDEV): WD Lasso
[ + ] This program, powered by WINDEV, uses a selection lasso in an image control to perform a zoom in a preview control.
The CLasso class is supplied with this example in order to facilitate the implementation of a selection lasso in a WINDEV application
WD Schedule Complete examples (WINDEV): WD Schedule
[ + ] This example presents the management of a graphic schedule.

The following topics are presented in this example:
1/ the scheduler control
2/ the Google Calendar functions
The Image control (map area) Unit examples (WINDEV): The Image control (map area)
[ + ] Using the Image control to manage map areas
The Image control (display a PDF or a TIFF) Unit examples (WINDEV): The Image control (display a PDF or a TIFF)
[ + ] Displaying a PDF or TIFF document in the Image control found in a window.
Image rotation Unit examples (WINDEV): Image rotation
[ + ] Image rotation from any point that will be used as rotation center.
The Image control (animations and transitions) Unit examples (WEBDEV): The Image control (animations and transitions)
[ + ] Presenting animation and effect features proposed in WEBDEV and WLanguage on the Image control.
Pocket Notes Mobile (WINDEV Mobile): Pocket Notes
[ + ] This example is using the drawing functions of WLanguage.
Summary of the example supplied with WINDEV Mobile:
This example allows you to draw graphic "notes" and to save them. You have the ability to enter keywords in order to easily find your notes.
PC Photo Album Windows (WINDEV Mobile): PC Photo Album
[ + ] The PC Photo Album example is used to import and export the photos of a Smartphone or Pocket PC from the PC.
A listview is used to preview the photos found on the Smartphone and on the Pocket PC.
The Image control (simulate a slider) Unit examples (WEBDEV): The Image control (simulate a slider)
[ + ] This example explains how to simulate a slider via an image control, to assign a mark symbolized by stars in this case.
WW_Auto_Zoom Training (WEBDEV): WW_Auto_Zoom
[ + ] This example offers a control template based on an image that displays an image thumbnail and through a click, enlarges the image without disturbing the page's layout.
Limitatiosn:
- The images cannot be loaded from a database
- The control template cannot be included in a looper
Minimum required version
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment