This content has been translated automatically.  Click here  to view the French version.
Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Image Editor control (WINDEV)
  • Overview of the Image Editor control
  • Creating an Image Editor control
  • Image Editor control features
  • Description window
  • Formats supported by the Image Editor control
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WindowsLinuxPHPWEBDEV - Browser code
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Stored procedures
Overview of the Image Editor control
The "Image Editor" control is a rich control that allows end users to create and edit images in their WINDEV applications or WEBDEV websites. There are many advantages: time saving, consistent interface, no other software to install/drive/manage. This control is based on Chromium Embedded Framework (CEF).
This help page explains how to use the Image Editor control in a WINDEV application. For more details on how to use this control in a WEBDEV website, see The Image Editor control (WEBDEV).
This control allows you to:
  • Open, create, modify, save image files,
  • Annotate images,
  • Merge images,
  • Rotate and flip images,
  • Type text on an image,
  • Print images, etc.
The ribbon of this control includes the most common actions. For more details, see Image Editor control: Options in the ribbon and the panes.
Several keyboard shortcuts are also available:
Ctrl + ASelects the current layer.Ctrl + CCopies the selection to the clipboard.
Ctrl + NCreates a new image.Ctrl + 0Opens an existing image.
Ctrl + PPrints the current image.Ctrl + S Saves the image.
Ctrl + TSelects the current layer.Ctrl + VPastes the content of the clipboard.
Ctrl + XCuts the selection and copies it to the clipboard.Ctrl + YRedoes the last action.
Ctrl + ZUndoes the last action. Ctrl + mouse wheelChanges the zoom.

  • The image editor supports animated GIFs.
  • The image editor automatically recognizes freehand drawings. Thus, a line, a circle or a rectangle drawn freehand will be automatically recognized and redrawn.
Creating an Image Editor control
To create an Image Editor control:
  1. On the "Creation" tab, in the "Graphic controls" group, expand "Office" and click "Image Editor".
  2. Click at the desired location to create the control.
Remark: The dimensions of the control are optimized to take up the available space at the specified position. If the control size does not suit you, press Ctrl + Z: the control size will be reset to default.
To view the characteristics of the control, select "Description" in the context menu.
Image Editor control features

Description window

The "General" tab in the description window of the Image Editor control includes the following options:
  • With ribbon: Used to display a ribbon at the top of the control. This ribbon contains different options for handling the image displayed in the control. You can:
    • use the default ribbon. In this case "Ribbon source IW" corresponds to "None".
    • customize the default ribbon.
      Simply select the default preset window in "Ribbon source IW". In this case, the "FI_WinDevFAA_RubanPIC" window is automatically integrated into your project, in the internal Component WDFAA. This internal window (available in English and French) can be modified according to your needs. This internal window contains the various calls to the control functions . You can add new fields to this internal window, make existing fields invisible or delete them.. The codes for the various options cannot be modified. It is recommended to check for UI errors and make sure the window works properly after any change is made.
    • use an internal window to create a specific ribbon.
      Any internal window of your project can be used to create this ribbon.
  • When using the ribbon, the option "Apply project skin template to ribbon" makes it possible to automatically use the project skin template on the selected ribbon.
  • Allow change of document (Open, New, etc.): If this option is checked, the user will be able to load any document in the Image Editor control. Otherwise, the "Open" and "New" options will not be available. It will only be possible to edit the image in the control.

Formats supported by the Image Editor control

The Image Editor control supports the following formats (in read/write):
  • BMP
  • GIF
  • Animated GIFs
  • PNG
  • ICO
  • TIF
Minimum version required
  • Version 23
This page is also available for…
Click [Add] to post a comment

Last update: 04/22/2024

Send a report | Local help