Populate Two UI Elements that Have Same HTML

[OnurOnal]

Hello, I am trying to populate two identical UI elements in a web page. Both have the same HTML so I tried using ordinals with an incrementing variable called "Index2," but I am only able to populate the first of the two. How can I populate both?

 

[Nived_Nambiar]

Hi @OnurOnal 

While keeping the index as 1 , did you check that selector is highlighting next ui element as expected using test selector option in selector panel ?

Kindly let me know 

[Agnius]

You need to apply the ordinal property to the appropriate element. You only have one <input> type element under the parent <div>. So, it cannot insert the text into the second one.

You probably need to do something like div:eq(%Index2%) > div > div > input

Can't really tell where exactly in the structure you need to add it, because not all of the details of the page are visible in the screenshots. The idea is that it must be applied to the part of the selector that would lead you to the other input field. 

-------------------------------------------------------------------------
If I have answered your question, please mark it as the preferred solution. If you like my response, please give it a Thumbs Up.

I also provide paid consultancy and development services using Power Automate. If you're interested, DM me and we can discuss it.

[OnurOnal]

@Nived_Nambiar,

Neither of the UI elements are highlighted by the selector.

[OnurOnal]

@Agnius,

Below is an image of the two UI elements in the same HTML document. Is it possible to derive the correct selector from this information. If so, what would that selector be?

[Agnius]

I suggest you try the following for the selector:

div[Class="ui segment form"]:eq(%Index2%) > div > div > div > div > div > input[Id="orderable_item_supplier_catalog_number"]

-------------------------------------------------------------------------
If I have answered your question, please mark it as the preferred solution. If you like my response, please give it a Thumbs Up.

I also provide paid consultancy and development services using Power Automate. If you're interested, DM me and we can discuss it.

[OnurOnal]

@Agnius,

This did not work. It populated the first element but the second still remains unpopulated.

[Agnius]

Do you increment your index in the flow, to be equal to 0 for the first element and 1 for the second one?

Can you share a screenshot of the part of the flow that does this?

-------------------------------------------------------------------------
If I have answered your question, please mark it as the preferred solution. If you like my response, please give it a Thumbs Up.

I also provide paid consultancy and development services using Power Automate. If you're interested, DM me and we can discuss it.

[OnurOnal]

Yes, I do increment the "Index2" variable.

[Agnius]

What is in the %UsageType% variable? It seems like it is a list. If it is, you should use %UsageType.Count-1% as the value in your WHILE loop, rather than %UsageType% itself. Comparing an integer to a list does not make sense.

-------------------------------------------------------------------------
If I have answered your question, please mark it as the preferred solution. If you like my response, please give it a Thumbs Up.

I also provide paid consultancy and development services using Power Automate. If you're interested, DM me and we can discuss it.

[OnurOnal]

The %UsageType% variable is not a list. It is a numeric variable I set earlier in the code. It has the value 2, so the loop iterates two times.

[Agnius]

Okay. Is there an error being thrown on the second iteration, or does it succeed, but simply does not type anything into the field?

[OnurOnal]

There are no errors, It just doesn't populate the second field.

[Pavel_NaNoi]

Note before reading, I'm under the assumption that you're not trying to get these two dynamically and there's only ever two of them, though the following answer can help with that anyway.

Try the following:

-Use Extract Data from Webpage

-Right click extract each field

-Go into Advanced Options

-You should have two values (if its in table mode rather than handpicked mode just reset, do one at a time) and each one shows the full HTML path for each

-Copy these two values, put them into a single UI Element each via text editor (so UI Element 1 will take Selector 1, UI Element 2, Selector 2).

Now just run two populate text box actions sequentially that each populate their respective UI Element.

[OnurOnal]

@Pavel_NaNoi,

Although there are two elements in this case, there will be an indeterminate number of UI elements each time the flow runs. So the elements being selected individually is a non-option because there will be a different number of UI elements each time. 

[Pavel_NaNoi]

Fair enough, I think my method should still be helpful in finding the difference between each of the "same" UI Elements, likely a div:eq(), which can help you understand how to navigate to each one via an index.

Also, to find out how many of these fields there'd be dynamically to fill the above mentioned index, you could, again, use the "Extract data from webpage" to just extract a list of them once you're on the page (you'll need to make the selector generic via advanced options), and then use the Count attribute of the variable the action produces to find out how many there are.

Lemme know if this gets you anywhere or not.

[Agnius]

You might need to include some more parent elements in the selector. Can you share more of the HTML structure, so we can see the parent of the div that I suggested including the index on?

[OnurOnal]

@Agnius,

Here is all the HTML before and after the two UI elements.

[Agnius]

Do they actually appear one right after the other in the HTML, or are there any other <div> elements in-between them?

It seems to me the following should work, if they do appear one right after the other:

div[id="orderable_items"] > div[class="ui segment form"]:eq(%Index2%) > div > div > div > div > div > input[id="orderable_item_supplier_catalog_number"]

This includes one parent on top of what I suggested previously.

If they do not appear one right after the other, you might need to increment your index by more than 1.

-------------------------------------------------------------------------
If I have answered your question, please mark it as the preferred solution. If you like my response, please give it a Thumbs Up.

I also provide paid consultancy and development services using Power Automate. If you're interested, DM me and we can discuss it.

[OnurOnal]

@Agnius,

This did not work either. I tried incrementing %Index2% by more than 1 but it gave errors saying that the second UI element does not exist.

There is no other HTML in between the two [class="ui segment form"] divs, but there are other elements inside div[class="ui segment form"]. Could the problem be that the two [class="ui segment form"] divs are slightly different in the "id" portion of their HTML?