I need to drag an Blue line

Help Studio
, ,
1

hi,

I need to Drag an Blue line to make it as 15% as you can see i Screenshots, Click activity will not work. if i use click Activity it will select All.

image
image854×257 51.8 KB

image
image864×250 52.7 KB

Thanks in Advance.

2

Hi @manipreethi410,

Use click activity and open the selector n uiexplorer and check aaname value is 100% change it to 15%. By tweaking your selector you should be able to select 15%.

3

@manjula_rajendran click will not work for this particular scenario i tried that, even manually also click will not work only drag will work.

4

Hi @manipreethi410 , is it possible to share the website url?

5

no, sorry.

6

is there any way we can drag a point, only click image and cv click will work.

7

@manipreethi410 Is this web or windows based application?

8

web based application SAP,.

9

@manipreethi410 Can you share the selector? if possible please follow the below steps

  • Manually drag the option to any value(eg:15)
  • Use Ui Explorer to indicate on that element
  • Share the selector
10

Hi @manipreethi410,

I am not sure if this some competition which you are participating in. But a duplicate question was asked by @Shiva_Kumar1 here : How To pull Pointer From 0-15% - Help / Studio - UiPath Community Forum

@Shiva_Kumar1 : Duplicates of same question is not recommended practice in any forum

This is easily doable with Get Web Attribute and Set Web Attribute. All you need to know is the element ID which needs to be editted.

11

@manipreethi410

As all said, just test selector part and see which value is changing there

Like I would recommend to click on small area near thr pointer which we drag along the blue line where we can find some attribute which we can tune

Just try it around let us know if u faced any issues around :blush:

12

Hi @manipreethi410 and @Shiva_Kumar1,

Here I use the modern expierence in UiPath studio but you can use the older way of browser automation as well.

As an example slider I use this website : How To Create Range Sliders

In this case the selector attribute which need to be changed is "value". In your case you have to find out which attributes need to set.

The round slider changes from 50 to 75.

image
image955×139 2.04 KB

image
image494×684 17.8 KB

Sample xaml file : ChangeSliderValue.xaml (11.0 KB)

1 Like
13

@manipreethi410

Try to execute the below code using Inject JS Script activity

sap.ui.getCore().byId("<sliderID>").setValue(15);

14

image
image1366×768 61.8 KB

this is the selector.

15

image
image1366×768 66.4 KB

this is the selector which i got form the UI.

16

@manipreethi410

Can you try to execute the below code in browser console? if it is work then you have to use Inject JS script to execute the same

sap.ui.getCore().byId("__widget36").setValue(15);

image

17

You have the value variable in you innerhtml or “innertext” (which shows 00100) attribute. So you will have to first get the attribute value using Get Attribute then use string manipulation to manipulate the value (usually html sliders are made in percentages).
Then use the manipulated string and use Set Web Attribute. In the value you pass the manipulated string.

18

image
image1366×768 82.2 KB

Getting this error after using this code.

19

@manipreethi410 For executing the js script we need reference of SAP so it will not work

Try this idea

  • Click on the slider (circle)
  • Then use send hot key to move it on the right by using right arrow key with number of times
    Use below code to repeat multiple times

String.Join("", Enumerable.Repeat("[k(right)]",15))

20

HI @manipreethi410

I was able to reproduce it in SAP demo environment, on this page SAPUI5 SDK - Demo Kit

I am moving the slider without any issues with this approach:

image
image1952×504 31.4 KB

it is a simple click with Offset in X, then it will click on the place you want.

Please let me know, if it works for you?

Best regards, Lev

1 Like