Skip to main content

What can we help you with?

Drag and drop element

Ivan Kuznetsov
  • Updated

Description

Simulates drag and drop of a web page element to another element.

 

Parameters

Browser tabs

 This activity allows you to select the desired browser elements using the "Browser picker". 

 

The tab selection parameter offers two options: specify the tab number manually or use the "Use tab number by order" checkbox.

 

Specifying the tab number manually allows you to designate the selected tab independently from the other tabs. That is, if tab "2" is selected in the option and other tabs are actually opened in the browser before it (i.e. the tab becomes, for example, the third one), the activity will be executed in this tab anyway.  


The "Use tab number by order" checkbox denotes the tab strictly by the order of the actually opened tabs in the browser. That is, in a similar case (when the desired tab is actually the third), the Browser Picker will work exactly with the second tab of the browser.

 

Browser element

Target element for relocation.

 
Attributes

'Change the element' - allows you to use 'Browser Picker' to define an item. 

 

CSS selector

  1. Set a value: enables you to directly write a CSS-selector string of the specified element, for example, input[name='btnK'].

  2. Save the previous step result: chooses the previous function result as the CSS-selector.

  3. Calculate a value: enables you to use available properties and methods to form the CSS-selector.

     

XPath

  1. Set a value: enables you to directly write a string which is the selector of the specified element in the XPath form, for example, //*[@id="rso"]/div[1]/div/div[2]/div/div/div[1]/a.

  2. Save the previous step result: chooses the previous function result as the XPath expression.

  3. Calculate a value: enables you to use available properties and methods to form the XPath expression.

     

Target element

The end point of the element movement.

 
Attributes

'Change the element' - allows you to use 'Browser Picker' to define an item. 

 

CSS selector

  1. Set a value: enables you to directly write a CSS-selector string of the specified element, for example, input[name='btnK'].

  2. Save the previous step result: chooses the previous function result as the CSS-selector.

  3. Calculate a value: enables you to use available properties and methods to form the CSS-selector.

     

XPath

  1. Set a value: enables you to directly write a string which is the selector of the specified element in the XPath form, for example, //*[@id="rso"]/div[1]/div/div[2]/div/div/div[1]/a.

  2. Save the previous step result: chooses the previous function result as the XPath expression.

  3. Calculate a value: enables you to use available properties and methods to form the XPath expression.

     

Offset X

Mouse cursor shift in the X axis.

  1. Set a value: specify horizontal axis offset coordinates.

  2. Save the previous step result: take the value of the variable calculated in the previous step of the workflow.

  3. Calculate a value: use a special formula or a special method to calculate the value.

     

Offset Y

Mouse cursor shift in the Y axis.

  1. Set a value: specify vertical axis offset coordinates.

  2. Save the previous step result: take the value of the variable calculated in the previous step of the workflow.

  3. Calculate a value: use a special formula or a special method to calculate the value.

     

Use tab number by order

Allows you to manually specify the tab number.

 

Browser tab

The number of the browser tab where the desired item is located. In total, up to five tabs can be used in the workflow.

 

On tab. This parameter allows you to specify the name of the tab that you want the bot to interact with. The name of the tab is assigned in the "Open URL" activity.

Screenshot_115.png

  1. Set a value allows you to manually specify the name of the tab.

  2. Calculate a value allows you to use a special formula or a special method to determine the name of the tab.

  3. Save the previous step result takes the result of the previous workflow action as the name of the tab.

Use tab name in order

This checkbox allows you to specify a sequential number of a tab in the browser. It is worth using if a new tab opens not manually, but automatically after clicking on some element.

 

 

In iframe

Allows you to select a specific iframe on a given page where you want to perform the action.

 

Comment

Contains an annotation to the activity. The input text will be displayed above the activity name.

Related articles