ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / WLanguage / WLanguage functions / Controls, pages and windows / Drag and drop functions
  • Overview
  • Controls taken into account by the programmed Drag and Drop
  • Principle
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Overview
The programmed Drag and Drop is used to entirely manage Drag/Drop between the different types of controls. Depending on its type, the control can be source or target of Drag and Drop.
This help page presents:
Detailed examples for using the programmed Drag and Drop are available:
Controls taken into account by the programmed Drag and Drop
WEBDEV - Browser codePHP The following controls are taken into account by the programmed Drag and Drop (source and target):
  • Edit control
  • Static control
  • Button
  • List Box
  • Image
  • Formatted display control
  • Combo Box
  • Link
  • Cell
  • Supercontrol
  • Control template
Remarks:
  • The Upload control can also be target of a programmed Drag and Drop.
  • At this time, only Firefox and Chrome fully support Drag and Drop via HTML 5. If the new versions of the different browsers include the management of Drag and Drop via HTML 5, this feature will be automatically supported by WEBDEV.
Principle
To perform a programmed Drag and Drop between several controls of a WINDEV application or WEBDEV site:
  1. In the initialization code of the source control:
    • Define that a programmed "Drag and Drop" will be performed (DndSource property).
    • Define the procedure run at the beginning of the "Drag" action (DnDEvent for the dndBeginDrag event).
  2. In the initialization code of the target control:
    • Define that a programmed "Drag and Drop" will be performed (DndTarget property).
    • Define the procedure run when hovering the control (DnDEvent for the dndDragOver event). In this procedure, you have the ability to define the mouse cursor with DnDCursor.
    • Define the procedure run during the "Drop" on the control (DnDEvent for the dndDrop event).
  3. In each one of the WLanguage procedures called, define the action to run via the "Drag and Drop" functions of WLanguage.
Related Examples:
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.
The features of Drag And Drop HTML5 Unit examples (WEBDEV): The features of Drag And Drop HTML5
[ + ] Using the Drag n Drop HTML 5 features in a WEBDEV site.
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 06/22/2023

Send a report | Local help