1. Replace text: Replace the existing text with the new text. 
   
2. Append text: Add the given text to the existing text.
   

1. Select item by value: Choose a list item based on its value.
   
1. Value: Enter the value of the element you want to select.
   
2. Select item by index: Choose a list item based on its position in the list.
   
1. Index: Specify the index of the element you want to select. Indexing starts from 1.
   
3. Clear all: Remove all selected items from the list.
   

1. All columns
   Extract all data columns from the identified HTML table.
   
   
2. Include specific columns
   Extract only the specified columns. Enter the column numbers separated by commas (e.g., 1,3,5). The first column is 1.
   
   
3. Exclude specific columns
   Skip the specified columns during data extraction. Enter the column numbers to exclude, separated by commas (e.g., 2, 7).

1. If no value is set, all available data rows will be extracted.
   
2. To extract a specific number of initial rows, enter that number (e.g., 10).
   
3. If the specified number exceeds the total number of rows, all available rows will be extracted.
   Example: If a table has 15 rows and you specify 20, all 15 available rows will be extracted.

1. UI element Selectors: Scroll to a specific element on the webpage based on UI element selectors. Learn more about the different UI element selectors
2. Scroll by pixels: Scroll the webpage based on a specified number of pixels.
   
1. Scroll direction: Choose whether to scroll vertically or horizontally.
   
2. Number of pixels: The number of pixels that you want to scroll. To scroll up or left, you can use negative values. 
   

1. Selector type: We support various selector types, including XPath, ID, Name, and CSS Selectors.
   
2. Selector: Enter the value of the web component or locator for the element you want to target. This value should correspond to an element in the HTML DOM.
   

1. Selector type: We support various selector types, including XPath, ID, Name, and CSS Selectors.
   
2. Selector: Enter the value of the web component or locator for the element you want to target. This value should correspond to an element in the HTML DOM.
   

1. Replace text: Replace the existing text with the new text.
   
2. Append text: Add the new text to the end of the existing text.
   

1. Iframe Index: Order of the iframe on the webpage 
   
2. Name or Id: Name or ID of the given iframe. 
   
3. UI element selectors: UI element selectors allows to identify and switch to specific iframe elements on a webpage.
   

1. {
2.    selectors_list : [
3.       {
4.          full_xpath : "/html/body/div/div/div/div/section/ol/li/p"
5.       },
6.       {
7.          full_xpath : "/html/body/div/div/div/div/section/ol/li[3]/p"
8.       },
9.       {
10.          full_xpath : "/html/body/div/div/div/div/section/ol/li[5]/p/b"
11.       },
12.       {
13.          full_xpath : "/html/body/div/div/div/div/section[2]/div/a"
14.       },
15.       {
16.          full_xpath : "/html/body/div/div/div/div/section[2]/div/a[2]"
17.       },
18.       {
19.          full_xpath : "/html/body/div/div/div/div/section[2]/div/a[3]"
20.       }
21.    ]
22. }

20. Close browser

UI element selectors

UI element selectors allow you to precisely identify and interact with specific elements on a web page. By using these selectors, your automation can locate buttons, text fields, and so on to perform actions like clicking, typing, or extracting data. We support a variety of selector types to ensure proper element identification. 

Selector types:

ID 

This selector targets an HTML element using its unique id attribute. This attribute is designed to be distinct within the entire HTML document.

When to use : It is ideal for elements that have a distinct and stable id. It's generally the most reliable and fastest selector when available.

Example: id="myLoginButton"

Name

This selector targets an HTML element using its name attribute. The name attribute is commonly used for form elements like input fields, radio buttons, and checkboxes.

When to use: It is useful for interacting with form controls, especially when multiple elements might share the same name (e.g., radio button groups).

Example: name="usernameField"

CSS Selectors

CSS selectors are patterns used to select and style HTML elements. It gives us a concise way to target elements based on their tag name, class, ID, attributes, or even their position relative to other elements.

When to use: It is useful when targeting elements based on their visual styling properties or common attributes. Often more readable and efficient than XPath for many common scenarios.

Example: div.product-card > h2.title (selects an h2 with class title that is a direct child of a div with class product-card)

XPath

XPath is a language for navigating and selecting elements within HTML (and XML) documents. It lets you locate elements by traversing the document's structure, using absolute or relative paths, attributes, text content, and complex conditions.

When to use: Useful for complex scenarios where other selectors might fall short. It can select elements that don't have unique IDs or classes, or elements based on their relationships to other elements in the DOM. 

Example: //input[@type='text' and @placeholder='Enter your email'] (selects an input field with type 'text' and placeholder 'Enter your email')

Shadow DOMs

Shadow DOM is a web standard used to create encapsulated, hidden DOM structures. It involves three core components: 

Shadow Host: A regular HTML element that contains the hidden Shadow DOM

Shadow Root: An isolated entry point attached by JavaScript to the Shadow Host, creating a separate DOM boundary.

Shadow Tree: The actual encapsulated HTML, CSS, and JavaScript content inside the Shadow Root.

All the HTML, CSS, and JavaScript inside this shadow tree remain separate from the main document's DOM, which prevents styling conflicts and improves reusability.

When to use: Necessary when interacting with elements that are part of a Shadow DOM. These elements are not directly accessible by standard selectors from the main document due to their encapsulated nature.

Note: When working with elements inside a Shadow DOM, you will need to use only XPath to the UI Element (i.e., Shadow Tree element). The selector type will be Shadow DOM, and the selector value should be the XPath to the element

Selector:

Enter the specific value of the corresponding selector type.