UIPath - Unable to get Text from UI

Question

I am trying to capture Text from UI. However in inspect element tool the text is missing. Text is coming from some other div. When I indicate elements from UIPath it says validated but inside the element the text is not there. It's somewhere in other div. I tried editing CSS shown below, which is the exact location of the text. However the data is blank.

Midified CSS:

<webctrl css-selector='div[class*=is-cherry]h1v' idx='2' isleaf='1' parentid='root' tag='DIV' /

Answer 1

The page is using React. So there is no proper way to simply read the text. Instead do it with OCR.

1. Use a Selector

The best way for you would be using a selector. Here it's a little bit tricky to find the proper selector as the React Framework tries to hide several elements by itself. But when you found the pattern you are good to go.

Find your value under the level root as you can see in the image:

So now you simply use the Get Text activity:

Make sure that you edit the selector in the following schema:

<webctrl tag='H1' parentclass='level-item is-blue fadeInUp' />

This is the selector for your blue value. Now if you want the red one take this one:

<webctrl tag='H1' parentclass='level-item is-cherry fadeInUp' />

I believe you got the point now how that page is working and how to selection of the different colours works.

2. OCR technology (make sure you are using the Profile Scan)

I would not recommend you to use OCR as you never know if the elements is switching its visual area. If so your process would fail.