UI

Studio Pro activities > Web Automation > UI. Includes "Get element property", "Get element value", "Set element value" and more.

Activities

Get Element PropertyGet Element ValueSet Element Value
Reads attributes of a specified elementReads the value attribute or the text between tagsSets the 'value' attribute of the specified element
Set Element PropertyElement found?Wait for element
Sets a certain property of the specified elementChecks whether the element existsWait until the element is loaded
Wait for vanishing
Waits for web element to disappear for specified amount of time

Get Element Property

Description

This activity reads attributes of a specified element in the browser opened via Studio Pro.

Parameters

Browser Element

The Browser element is the main parameter here. It defines the used browser element. To set up a new element, open the dropdown menu here and click ‘Pick New Element’. If there is an existing element, it will be present in the list and it will be possible to choose it.

The browser window opens. Hover your cursor over the desired element. If it is recognized, it will be highlighted in red. Press Ctrl + X while hovering over the element to pick it. Esc key closes Browser Picker without choosing any elements.

Picker highlights a browser element

Picker highlights a browser element

Other contents of this list

Other contents of this list

As soon as the element is picked, the Browser Picker window appears confirming the element was found and recognized. You can also set an "Element name" here to be displayed in Studio Pro later on.

In the Browser Picker window, it is also possible to view the advanced options by opening the dropdown menu. These "Advanced options" represent the chosen element as a table. It contains the properties and values that belong to this element. Edit these values in the table by checking and unchecking the options and defining values for Calculation and Values.

Property Name

This field enables you to select the attribute name to extract its value. For example Id,Name,ClassName,Typeand other attributes.

On tab

This parameter allows you to specify the name of the tab that you want the bot to interact with.

  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.

Browser tab parameter

Browser tab parameter

Use tab number by order parameter

Use tab number by order parameter

In iframe

This parameter allows you to select a specific iframe on a given page where the action is to be executed.

Iframe parameter

Iframe parameter

Several elements

With this option selected, the program will return an array of strings with property values of all elements corresponding to the specified selector.

Wait before, sec, and Wait after, sec

These parameters indicate how much time will pass before or after executing this activity.

Comment

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

⬅️

Back to the top


Get Element Value

Description

This activity reads the value attribute or the text between tags of the specified element in the browser opened via ElectroNeek Studio Pro.

Parameters

Browser Element

The Browser element is the main parameter here. It defines the used browser element. To set up a new element, open the dropdown menu here and click ‘Pick New Element’. If there is an existing element, it will be present in the list and it will be possible to choose it.

The browser window opens. Hover your cursor over the desired element. If it is recognized, it will be highlighted in red. Press Ctrl + X while hovering over the element to pick it. Esc key closes Browser Picker without choosing any elements.

Picker highlights a browser element

Picker highlights a browser element

Other contents of this list

Other contents of this list

As soon as the element is picked, the Browser Picker window appears confirming the element was found and recognized. You can also set an "Element name" here to be displayed in Studio Pro later on.

In the Browser Picker window, it is also possible to view the advanced options by opening the dropdown menu. These "Advanced options" represent the chosen element as a table. It contains the properties and values that belong to this element. Edit these values in the table by checking and unchecking the options and defining values for Calculation and Values.

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.

  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.

Browser tab parameter

Browser tab parameter

Use tab number by order parameter

Use tab number by order parameter

In iframe

This parameter allows you to select a specific iframe on a given page where the action is to be executed.

Iframe parameter

Iframe parameter

Several elements

With this option selected, the program will return an array of strings with property values of all elements corresponding to the specified selector.

Wait before, sec, and Wait after, sec

These parameters indicate how much time will pass before or after executing this activity.

Comment

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

📘

Back to the top


Set Element Value

Description

Sets the 'value' attribute of the specified element in the browser opened via Studio Pro.

Parameters

The 'Attributes', 'CSS Selector' and 'XPath' sections enables you to identify the element to interact with. One of the above three methods needs to be chosen in order to set the element selector.

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.

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.

  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.

Class name

  1. Set a value: enables you to directly write a string with the value of the class attribute of the html-code of the corresponding element, for example, search-input.
  2. Save the previous step result: chooses the previous activity result as the class name.
  3. Calculate a value: enables you to use available properties and methods to form the class.

Id

  1. Set a value: enables you to directly write a string with the value of the id attribute of the html-code of the corresponding element, for example, hiddenLanguageInput.
  2. Save the previous step result: chooses the previous activity result as the id.
  3. Calculate a value: enables you to use available properties and methods to form the id.

Field name

  1. Set a value: enables you to directly write a string with the value of the name attribute of the html-code of the corresponding element, for example, search.
  2. Save the previous step result: chooses the previous activity result as the name.
  3. Calculate a value: enables you to use available properties and methods to form the name.

Tag name

  1. Set a value: enables you to directly write a string with the tag name of the html-code of the corresponding element, for example, div.
  2. Save the previous step result: chooses the previous activity result as the tag name.
  3. Calculate a value: enables you to use available properties and methods to form the tag name.

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 activity 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 activity result as the XPath expression.
  3. Calculate a value: enables you to use available properties and methods to form the XPath expression.

Use tab number by order

Allows to specify the iframe tab number manually.

Browser tab

The browser tab number with the desired element. Up to five tabs inclusive can be used in an workflow.

Comment

Contains an annotation to the block. The input text will be displayed inside the block above the function name.

Usage Examples

This activity should be used in case you need to input some data into fields. For example, this may be a search field in an online search engine or fields to enter a login and a password.

📘

Back to the top


Set Element Property

Description

Sets the property of the specified element in the browser opened via Studio Pro.

Parameters

  1. Choose the desired browser element for the property change.
  1. Select the property you wish to modify.
  1. Set the new value for the selected property.
  • Set a value allows you to manually specify the property value.
  • Calculate a value allows you to use a special formula or a special method to determine the property value.
  • Save the previous step result takes the result of the previous workflow action as the property value.

📘

Back to the top


Element found?

Description

Checks whether the specified element in the browser opened via Studio Pro exists. The 'Yes' branch is executed if the element exists. Otherwise, the robot will follow the 'No' branch.

Parameters

Browser Element

The Browser element is the main parameter here. It defines the used browser element. To set up a new element, open the dropdown menu here and click ‘Pick New Element’. If there is an existing element, it will be present in the list and it will be possible to choose it.

The browser window opens. Hover your cursor over the desired element. If it is recognized, it will be highlighted in red. Press Ctrl + X while hovering over the element to pick it. Esc key closes Browser Picker without choosing any elements.

Picker highlights a browser element

Picker highlights a browser element

Other contents of this list

Other contents of this list

As soon as the element is picked, the Browser Picker window appears confirming the element was found and recognized. You can also set an "Element name" here to be displayed in Studio Pro later on.

In the Browser Picker window, it is also possible to view the advanced options by opening the dropdown menu. These "Advanced options" represent the chosen element as a table. It contains the properties and values that belong to this element. Edit these values in the table by checking and unchecking the options and defining values for Calculation and Values.

On tab

This parameter allows you to specify the name of the tab that you want the bot to interact with.

  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.

**Browser tab** parameter

Browser tab parameter

**Use tab number by order** parameter

Use tab number by order parameter

In iframe

This parameter allows you to select a specific iframe on a given page where the action is to be executed.

Wait before, sec, and Wait after, sec

These parameters indicate how much time will pass before or after executing this activity.

Comment

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

📘

Back to the top


Wait for element

Description

This activity waits until the specified browser element is loaded and then executes some actions based on whether it appeared or not.

In this example we open a page (google.com), wait until the search string element is loaded and then input some text into it.

You can read more about the other mentioned activities here.

An example of a workflow where this activity is used

An example of a workflow where this activity is used

Browser Picker

First of all, we need to define the browser element that will be used here. In this example this is Google search string. This can be done in Studio Pro using Browser Picker. Let us take a look at how it works.Browser element is the main parameter here. It defines the used browser element. To set up a new element, open the dropdown menu here and click ‘Pick New Element’. If there is an existing element, it will be present in the list and it will be possible to choose it.

Browser element parameter lets you either pick a new element or use an existing one

Browser element parameter lets you either pick a new element or use an existing one

Browser window will be opened. Hover your cursor over the desired element. If it is recognized, it will be highlighted red. Press Ctrl + X while hovering over the element to pick it. Esc key closes Browser Picker without choosing any elements.

Picker highlights a browser element

Picker highlights a browser element

As soon as the element is picked, this window will appear. It indicates that the element was found and recognized. You can also set the element name here. It will be displayed in Studio Pro.It is also possible to view the advanced options by opening the dropdown menu. Advanced options represent the chosen element as a table. It contains the properties and values of this element. This table can be modified in case it is required to refine or correct the element.

Advanced element options

Advanced element options

The ‘Test’ button lets you check if the element was defined correctly. Upon clicking it, focus will be shifted to the browser window and the picked element will be highlighted yellow if it was recognized correctly. It can display one of the following messages:* Found 1 element means that the specific element was successfully recognized.

  • Found 1 element means that the specific element was successfully recognized.
  • Found >1 element means that there are a few similar elements. In this case it is required to repick the element or modify the selector.
  • Not found means that the element was not recognized and must be redefined or the advanced options must be corrected.The ‘Pick’ button lets you pick another element or pick the element once again. Click ‘Save’ once you are ready. This element will be saved for further usage in Studio Pro activities.It is also possible to edit an existing element that you have previously picked. To do this, click the ‘Edit element’ button below its name.
This button lets you edit the element

This button lets you edit the element

Parameters

We have just described the Browser element parameter. Now let us move to the other ones.The next parameter is Waiting time, sec. The program will wait for the element to appear within this time. If the element appeared and was recognized successfully, then the Yes branch of the activity is executed. If not, the No branch will be executed.

Waiting time, sec parameter

Waiting time, sec parameter

And these are the rest of the parameters.

Browser tab, In iframe, Wait before,sec and Wait after, sec parameters

Browser tab, In iframe, Wait before,sec and Wait after, sec parameters

Browser tabs

This activity allows you to select the desired browser elements using the "Browser picker".### On tabThis 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.

  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.

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.

It is also possible to click an element in IFrame. Check this parameter if you would like to use this feature. Once it is checked, IFrame parameter will appear. In this specific case this parameter will be required.

Iframe parameter

Iframe parameter

Wait before, sec and Wait after, sec parameters indicate how much time will pass before or after executing this activity.

⬅️

Back to the top


Wait for vanishing

Description

Waits for web element to disappear for specified amount of time. If the web element disappears within waiting time, then the 'Yes' branch is executed. Else the 'No' branch continues.

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: select an element from a list or create new one.
  • Waiting time, sec: amount of time in seconds to wait for the element to disappear.
  • Browser tab: select browser tab to interact with.
  • Use tab number by order: check to select browser tabs by order.
  • In iframe: check to search for element in iframe.
  • Wait before, sec and Wait after, sec parameters indicate how much time will pass before or after executing this activity.

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.

  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.

Usage Examples

This activity is a good option in case you need to continue only after the certain element disappears, i.e. pop-up window disappears after button is clicked.

⬅️

Back to the top