ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

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
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
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. The benefits are immediate: time-saving, consistent interface, no additional 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: Ribbon and panel options.
Several keyboard shortcuts are also available:
ShortcutEffectShortcutEffect
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.

Remarks:
  • 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.
Note: The dimensions of the field created are optimized to occupy the space available at the position indicated.. If the field size doesn't suit you, use the Ctrl + Z key combination: the field will return to its default size.
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: Displays a ribbon at the top of the field.. 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 "IW_WinDevAAF_RibbonPIC" window is automatically included in your project, in the WDAAF internal component. This internal window can be modified as required. This internal window contains the various calls to the functionalities of the. 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 into 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):
  • JPG, JPEG, JPE
  • BMP
  • GIF
  • Animated GIFs
  • PNG
  • ICO
  • TIF
  • WDPIC
Minimum version required
  • Version 23
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 09/21/2024

Send a report | Local help