Forum | Appery.io

Is it possible to use the following jQuery Knob with an app that will be distributed as binary iOS and Android?

(Demo)
http://anthonyterrien.com/knob/

(Source from Github)
https://github.com/aterrien/jQuery-Knob

If so, how would one implement this? I'd love to make a custom widget with this and be able to set the parameters.

You can add any JavaScript library to your app and add any widget. To add a custom widget you would need to manipulate the DOM. For example, attach the widget to an element in the DOM. The final app runs in the browser, so you can do anything the browser supports.

I'm not really sure I understand that, but it sounds like a complete solution, so I will plug away at it soon. Once again, excellent support.

Check the Mobiscroll plug-in that we have. It's implement as a widget.

It's a good recommendation, but I was actually going to use the "fixed" version of the Knob plug-in. What I'm trying to do is have a status bar/gauge that measures percentage. On the demo page, it was called the "× Readonly" version towards the bottom on the left side.

A pie graph/chart might work as well if I could somehow "hollow out" the center of it.

Update: I was able to include the Javascript from the url:
https://raw.github.com/aterrien/jQuer...

By using Create New -- Javascript -- Create from URL.

From there, I added a 'Panel' component to the screen and edited the HTML. By editing the HTML Source and inputting:

...and then it ran as a test in the Browser. I then tested it in the appery.io Android app, and it worked there as well. I exported a binary and installed directly onto the phone. It worked there as well.

I'm not sure about the DOM part of your suggestion, but importing the javascript worked great.

I am also facing the same problem in my custom application but I got my solution! Thank you for the support and very well written answer.