Skip to main content

Drag and drop element on web page

Sophie avatar
Written by Sophie
Updated over 2 weeks ago

Definition and Usage

This command allows you to drag an element to a specified position on a web page. You can choose to drag the element either to specific coordinates or to another target element, making it useful for operations that require drag-and-drop interactions such as rearranging items, moving files, or interacting with web-based interfaces that support drag-and-drop functionality.


Parameter Values

Input parameters

Parameter

Description

Possible Values

Required

Options / Notes

Web page

Select a variable that contains the web page to work with

-

Yes

-

Element

Select or capture an element to operate on

-

Yes

Use the Capture button to select the element to drag

Drag to

Specify whether to drag the element to a specified position or a specified element

To the target position, To the target element

Yes

-

X-coordinate

X position to drag the element to

-

Yes (if "To the target position" is selected)

-

Y-coordinate

Y position to drag the element to

-

Yes (if "To the target position" is selected)

-

Target element

Select or capture an element to operate on

-

Yes (if "To the target element" is selected)

-

Advanced settings

Parameter

Description

Possible Values

Required

Options / Notes

Wait after execution (s)

Wait for a specified number of seconds after the action is executed

No

Default: 1 second

Movement speed

Select a speed mode for the mouse to move

Instant, High speed, Medium speed, Low speed

No

Default: Medium speed

Element timeout (s)

Wait time for element to appear (seconds)

No

Default: 20 seconds

Error handling

Parameter Name

Description

Throw error & stop

When an error occurs, the action will trigger an error and stop the execution of the entire app.

Retry command

If an error occurs, the action will retry the command in an attempt to resolve the issue and continue the process.

Ignore error & continue

When an error occurs, the action will be ignored, and the workflow will continue without interruption.

Variables produced

This action doesn't produce any variables.


Using Variables in Conditions

When you see the {x} symbol in the parameter fields, you can insert variables by clicking on it. This allows you to use dynamically generated values for coordinates or element selectors. For example, you can use variables to set the X and Y coordinates based on calculations or values retrieved from other actions.


Notes

  • Before using this command, ensure that the web page is properly loaded and the source element is visible and available for interaction.

  • For "To the target position" option, you can press Ctrl+Alt to input coordinates manually or use the current mouse position.

  • The "Element timeout" setting determines how long the action will wait for the element to appear before reporting an error.

  • Different movement speeds affect how realistic the drag and drop action appears; use "Instant" for fastest execution or slower speeds for more human-like interaction.

  • If the target element is not found within the specified timeout period, the action will fail.

  • This command works best with elements that are designed to support drag-and-drop functionality in web applications.

Did this answer your question?