Jeff Givens
Posts: 0
Joined: Sat Aug 10, 2013 8:20 pm

Custom jQuery Implementation within Appery.io binary apps

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.

maxkatz
Posts: 0
Joined: Fri Aug 13, 2010 3:24 pm

Custom jQuery Implementation within Appery.io binary apps

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.

Jeff Givens
Posts: 0
Joined: Sat Aug 10, 2013 8:20 pm

Custom jQuery Implementation within Appery.io binary apps

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.

maxkatz
Posts: 0
Joined: Fri Aug 13, 2010 3:24 pm

Custom jQuery Implementation within Appery.io binary apps

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

Jeff Givens
Posts: 0
Joined: Sat Aug 10, 2013 8:20 pm

Custom jQuery Implementation within Appery.io binary apps

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.

Jeff Givens
Posts: 0
Joined: Sat Aug 10, 2013 8:20 pm

Custom jQuery Implementation within Appery.io binary apps

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.

aabharan
Posts: 0
Joined: Mon Oct 26, 2015 6:08 am

Custom jQuery Implementation within Appery.io binary apps

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.

Return to “Issues”