Using UI elements retrieved elements code panel

Help Studio
1

How do I take specific html lines from the ui element panel in chrome and tell studio to look for that element?

2

It can’t. Lines of HTML may be multiple elements or may not refer to an actionable element. To end up with an element object, UIPath needs to ensure its a self contained element that the activities can act against.

What is it you’re trying to accomplish that the UI Explorer can’t accomplish and you would need the Chrome Elements Code?

3

I am on a website in chrome and I am trying to type into a text box but uipath is selecting the whole page. when go into chrome’s element panel I can see the specific line that picks out just the test box but I am wondering why uipath can’t.

4

You could cobble it together.
If you right click on the element, and select Copy - > Copy Element
You get something like this:
<
input name="q" type="text" placeholder="Search…" value="" autocomplete="off" maxlength="240" class="s-input s-input__search js-search-field " aria-label="Search" aria-controls="top-search" data-controller="s-popover" data-action="focus->s-popover#show" data-s-popover-placement="bottom-start">

replace ‘input’ with webctrl and the ‘>’ at the end with ‘/>’ and that should work.

<
html app='chrome.exe' title='Web Page Title' />
<
webctrl name="q" type="text" placeholder="Search…" value="" autocomplete="off" maxlength="240" class="s-input s-input__search js-search-field " aria-label="Search" aria-controls="top-search" data-controller="s-popover" data-action="focus->s-popover#show" data-s-popover-placement="bottom-start"/>

5

I don’t have any experience putting this kind of thing in UiPath. do I put this in UI explorer? if so where?
this is what my copied element looks like, what do I put into UiPath?

6

@josh.cusack
Paste it in the “Selector” property of the Activity; i.e.:

image
image789×449 26.6 KB

7

I have no selector editor for the type into function.

8

This is what I am getting for options in the type into activity.

image
image929×334 26.5 KB

9

@josh.cusack
Paste the there - you will need to create your own app portion, which is easy, just BROWSER.exe and the title of the page - i.e. Make sure its enclosed in quotes.

The stuff from webctrl was from the copy from element in the developer tools, in this case:

< input type=“search” class=“form-control input-sm” placeholder=“” aria-controls=“table” >

Since you’re pasting in as a text string, you’ll need to find&replace the double quotes to single quotes
Remember, change input to webctrl and the > at the end to />
I tested this and it worked for me; but environments and pages differ, so, your mileage may vary.

image