Skip to main content

Highlight

Highlights a web element with a yellow background and red border for visual identification. Useful for debugging and demonstrations.

Common Properties​

  • Name - The custom name of the node.
  • Color - The custom color of the node.
  • Delay Before (sec) - Waits in seconds before executing the node.
  • Delay After (sec) - Waits in seconds after executing the node.
  • Continue On Error - Automation will continue regardless of any error. The default value is false.
info

If Continue On Error property is true, no error is caught when the project is executed, even if the Catch node is used.

Input​

  • Browser ID - The browser session identifier from the Open Browser node.
  • Selector - The XPath or CSS selector to locate the element to highlight.

Options​

  • Selector Type - Type of selector used:

    • XPath - Use XPath expression (default)
    • CSS - Use CSS selector

  • Wait Timeout (sec) - Maximum time to wait for the element to appear. Default is 5 seconds.

Examples​

Highlight Before Screenshot​

1. Highlight node:
   Browser ID: {{browser_id}}
   Selector: //div[@class='important-section']

2. Screenshot node:
   Browser ID: {{browser_id}}
   Path: C:\screenshots\highlighted.png
   Take full page: true

Highlight for Debugging​

Browser ID: {{browser_id}}
Selector: //button[@id='submit-btn']

Highlight Multiple Elements​

For each element in element_list:
  Browser ID: {{browser_id}}
  Selector: {{element.selector}}

Highlight Style​

The highlight applies the following CSS styles:

  • Background Color: Yellow
  • Border: 2px solid red
warning

The original element styling is replaced and may not be restored. Use this node primarily for debugging and demonstrations, not in production workflows where page appearance must be preserved.

Tips​

  • Use before screenshots to visually mark important elements
  • Helpful for debugging selector issues
  • Good for creating tutorial videos and documentation
  • The highlight persists until the page is refreshed
  • Multiple elements can be highlighted on the same page

Common Errors​

  • "Browser ID cannot be empty" - Connect to an Open Browser node
  • "Selector cannot be empty" - Provide an XPath or CSS selector
  • "Element not found within X seconds" - The element doesn't exist or takes longer to load
  • "Timeout cannot be empty" - Provide a timeout value