Arrows, Callouts, And Such

[eeellama 0]

Does anyone know if it is possible for UBot Studio to display arrows or callouts on top the screen to give a user direction on what to do next?  For example, let's say you wanted an arrow with "Enter your name" in it, pointing to a text input field.  Could that be done?

[deliter 203]

This example totally sucks but could help

 

The label in the UI field can be used to input html not only labels,so with a bit of work sure it could be done

ui text box("<img height=\"30px\" width=\"60px\" src=\"https://www.colourbox.com/preview/14796052-sharp-down-arrow-flat-yellow-and-white-colors-rounded-vector-icon.jpg\"/>username" ,#re)

[Brutal 164]

Seems like it would be complicated but a very cool idea indeed.

 

place your arrow on step one, then when user enters data, use onChange and cause arrow to leave step one and show on step two and so on.

 

man if you do it, show a little video of the end result - it is an extremely cool idea.

[eeellama 0]

I think it could be done with something like jquery and bootstrap, and then inserting code at specific places so you could have fancy arrows and dialog boxes appear where you want them.  The problems I'm having with this approach are that UBot doesn't seem to handle external scripts--and copying pasting those scripts into the Javascript elements does not seem to get me the desired result for reasons I'm unclear about, and I don't seem to be able insert extra html tags (divs I could hide/show for example) into the page.

 

My use case is to try and create step by step tutorials rather than what most folks here are doing with data scrapers.  UBot Studio seems to be almost there with capabilities, far closer than any other product I've looked at.

 

If UBot could be extended in this way, including a plug in for scripting onchange detection of a "correct" user interaction response, I think this product would be very valuable to an expanded audience.  I certainly would find it very valuable in the area of creating web based software tutorials.

[eeellama 0]

 

This example totally sucks but could help

 

The label in the UI field can be used to input html not only labels,so with a bit of work sure it could be done

ui text box("<img height=\"30px\" width=\"60px\" src=\"https://www.colourbox.com/preview/14796052-sharp-down-arrow-flat-yellow-and-white-colors-rounded-vector-icon.jpg\"/>username" ,#re)

Thanks.  That does put a static arrow into the top pane.  Can you think of a way for it to insert an arrow on a layer above and next to a text box already showing on a screen?  If I were coding this type of thing straight, it would be in an absolutely positioned div with a higher z-index than anything else on the screen.  I can't find a way to inject a whole block of HTML into the code (nor can I seem to load javascript frameworks and css to make it "pretty").  There has to be a way.