Drag & Drop Demo | LEADTOOLS

The Wayback Machine - https://web.archive.org/web/20211008113949/https://demo.leadtools.com/JavaScript/DragDrop/

ImageViewer - Drag Drop Features

Shows how the LEADTOOLS ImageViewer's DragInteractiveMode allows for movement of items and replacement of item content. Item mode, the default, uses a customizable drag control that works between items and ImageViewers, in all LEADTOOLS-supported HTML5 browsers (including mobile). Drag events are specified on both ImageViewers and Items.

Native mode uses the HTML Drag and Drop API, and is subject to native browser support. The entire ImageViewer is treated as a single drag entity, and events are specified accordingly.

The Active Item of each ImageViewer is colored purple, and the other items are colored red.

Drag Mode: Target Effect:

Only Allow Drops That Are Directly On The Active Item Use Active Item As Default Target When Not Over An Item

Drag To Start

Left ImageViewer

Elements Mode

Allow Drops To:

Active Item Unknown

Interaction:

Location Unknown

Right ImageViewer

Enabled Elements Mode

Allow Drops To:

Active Item Unknown

Interaction:

Location Unknown

Sep	OCT	Nov
	08
2020	2021	2022