In short, do you want to add UI elements without using the UI element picker?
If so, you can copy code for flow as follows and paste it in the designer to include and add the UI elements.
WebAutomation.LaunchChrome.LaunchChrome Url: $'''https://rpachallenge.com/''' WindowState: WebAutomation.BrowserWindowState.Normal ClearCache: False ClearCookies: False WaitForPageToLoadTimeout: 60 Timeout: 60 BrowserInstance=> Browser
DISABLE WebAutomation.PopulateTextField.PopulateTextFieldUsePhysicalKeyboard BrowserInstance: Browser Control: appmask['WebPage']['PhoneNumber'] Text: 123456 Mode: WebAutomation.PopulateTextMode.Replace UnfocusAfterPopulate: True WaitForPageToLoadTimeout: 60
# [ControlRepository][PowerAutomateDesktop]
{
"ControlRepositorySymbols": [
{
"IgnoreImagesOnSerialization": false,
"Repository": "{\r\n\"Screens\": [\r\n{\r\n\"Controls\": [\r\n{\r\n\"AutomationProtocol\": \"uia3\",\r\n\"ScreenShot\": null,\r\n\"ElementTypeName\": \"Inputtext\",\r\n\"InstanceId\": null,\r\n\"Name\": \"PhoneNumber\",\r\n\"SelectorCount\": 1,\r\n\"Selectors\": [\r\n{\r\n\"CustomSelector\": \"input[ng-reflect-name=\\\"labelPhone\\\"]\",\r\n\"Elements\": [],\r\n\"Ignore\": false,\r\n\"IsCustom\": true,\r\n\"IsWindowsInstance\": false,\r\n\"Name\": \"DefaultSelector\",\r\n\"Properties\": []\r\n}\r\n],\r\n\"Tag\": null,\r\n\"ScreenshotPath\": null\r\n}\r\n],\r\n\"ScreenShot\": null,\r\n\"ElementTypeName\": \"WebPage\",\r\n\"InstanceId\": null,\r\n\"Name\": \"WebPage\",\r\n\"SelectorCount\": 1,\r\n\"Selectors\": [\r\n{\r\n\"CustomSelector\": \":desktop > domcontainer\",\r\n\"Elements\": [],\r\n\"Ignore\": false,\r\n\"IsCustom\": true,\r\n\"IsWindowsInstance\": false,\r\n\"Name\": \"DefaultSelector\",\r\n\"Properties\": []\r\n}\r\n],\r\n\"Tag\": null,\r\n\"ScreenshotPath\": null\r\n}\r\n],\r\n\"Version\": 1\r\n}",
"ImportMetadata": {
"DisplayName": "LocalComputer",
"ConnectionString": "",
"Type": "Local",
"DesktopType": "local"
},
"Name": "appmask"
}
],
"ImageRepositorySymbol": {
"Repository": "{\r\n \"Folders\": [],\r\n \"Images\": [],\r\n \"Version\": 1\r\n}",
"ImportMetadata": {},
"Name": "imgrepo"
},
"ConnectionReferences": []
}
Or do you want to change the UI elements dynamically?
If so, you can use variables in the custom selector.
