Forum | Appery.io

Mobileslider is broken and has no handles. From the picture below, the first one is how it looks like in design view 2nd picture is how it looks like on test mode.

While I understand this could have been caused by some weird code I have gone to the extent removing every CSS code I have because I thought that would be the 1st suspect, I created a new page (image 2) no code at all and still I have the same issue. In addition, what I also realized is that the code below doesn't work not sure if it is related to the issue and refresh function used to work fine;however, a new page with no code slider is not working either. Anyone encountered this issue before?codeUncaught Error: no such method 'refresh' for slider widget instance /code

Hello Joe,

I just tried this element and it is displayed in the test mode and on the device the same as in the builder. Could you please try it in a new project, maybe there is some code or rule that affect it in your app.

So I have created a new app from scratch and sure enough there is no issue. Where would I even begin debugging this issue considering that it looks like there is some bad code. The only error I ever get is the refresh error above and that error started appearing just around the same time the slider got broken.

Any ideas are very much appreciated!

OK ..After soo much debugging I have finally found the code breaking the slider: http://code.jquery.com/ui/1.10.3/jque.... Basically I am using this code to add the autocomplete functionality and somehow it's breaking the slider.

What would be the work around to this issue.

Many thanks,

Has anyone had a chance to look into this issue. It is definitely an Appery compatibility issue with Jquery. The way to replicate is add the code above, add a mobile slider to your page and in test mode you will see the slider has no handles.

You can take it to the next step and include slider.refresh on page load to refresh the slider value to 0 or original value and that too is throwing errors.

Would appreciate to hear back.

Hello,

Please try to debug your project http://devcenter.appery.io/documentat...
https://devcenter.appery.io/documenta...

Could you check are there any errors in console?

I have debugged and there is no error in console- What I know for a fact is that the Jquery code provided above which is part of of autocomplete (from jquery web) doesn't mesh well with apprey. If I remove that code, the slider is fine

Did you add jQuery-UI.js to your app?

I am not sure I understand your question - the code I added in is on the link above and it is /*! jQuery UI - v1.10.3 - 2013-05-03.. But here are the resources I have on my app.

Has anybody from Apprey had a chance to look into this issue.