# are there any web sliders that work on iOS?

**URL:** <https://forum.xojo.com/t/are-there-any-web-sliders-that-work-on-ios/23041>\
**Category:** Web\
**Created:** [March 16, 2015, 1:50pm UTC](https://forum.xojo.com/t/are-there-any-web-sliders-that-work-on-ios/23041 "2015-03-16T13:50:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![James\_Sentman](https://forum.xojo.com/user_avatar/forum.xojo.com/james_sentman/32/742_2.png) [@James\_Sentman](https://forum.xojo.com/u/James_Sentman)\
**Post date:** [March 16, 2015, 1:50pm UTC](https://forum.xojo.com/t/are-there-any-web-sliders-that-work-on-ios/23041/1 "2015-03-16T13:50:12Z")

</div>

The built in slider doesnt work on iOS devices, the scrollbar does register some clicks but behaves very strangely, moving a random amount back and forth for each click. So I am looking for an alternative control. I may end up using this as the excuse to learn to make my own custom control with javascript and the interface to xojo, but I feel like someone might have already tackled this and done a better job than I could do 😉 Any suggestions for a slider type control that works on iOS?

---

<div class="post-metadata">

**Author:** ![Bob\_Keeney](https://forum.xojo.com/letter_avatar_proxy/v4/letter/b/54ee81/32.png) [@Bob\_Keeney](https://forum.xojo.com/u/Bob_Keeney)\
**Post date:** [March 16, 2015, 3:11pm UTC](https://forum.xojo.com/t/are-there-any-web-sliders-that-work-on-ios/23041/2 "2015-03-16T15:11:54Z")

</div>

I’ve not used it, but Taylor Design has a JQuery Slider that might work. [http://webcustomcontrols.com](http://webcustomcontrols.com) They have a demo online that you can test. Should be pretty easy to tell if it works on iOS or not.

---

<div class="post-metadata">

**Author:** ![Mark\_Strickland](https://forum.xojo.com/user_avatar/forum.xojo.com/mark_strickland/32/628_2.png) [@Mark\_Strickland](https://forum.xojo.com/u/Mark_Strickland)\
**Post date:** [March 16, 2015, 7:28pm UTC](https://forum.xojo.com/t/are-there-any-web-sliders-that-work-on-ios/23041/3 "2015-03-16T19:28:55Z")

</div>

I have tried several third party slider controls for a Web App without much luck. It seems the browser cannot distinguish between wanting to scroll the screen or the slider control. After some research and “tinkering” I gave up and created a color banded bar (light red to dark red) that were actually a series of buttons stacked next to each other. Touch the bar to select the position from 1-7.

There is a Javascript “hack” that is supposed to make sliders work for mobile browsers.  
[http://trentrichardson.com/2011/11/11/jquery-ui-sliders-and-touch-accessibility/](http://trentrichardson.com/2011/11/11/jquery-ui-sliders-and-touch-accessibility/)

I asked Daniel (Taylor Design) about a year ago but I think he did not have any time to address a fix at that point. I have not looked at it since. I know he is working on a new release. Maybe he can integrate this fix.

The fix looks pretty simple so if you are any good with Javascript maybe you can add it.

I was able, with several different sliders, able to have a “+/-” button to move it up and down (or left /right) in increment steps by tapping the plus or minus but that was not acceptable to the client.

---

<div class="post-metadata">

**Author:** ![system](https://forum.xojo.com/uploads/default/original/1X/455b4dcc0e61630e9f81940004ddffa49c432a46.png) [@system](https://forum.xojo.com/u/system)\
**Post date:** [October 29, 2020, 5:41pm UTC](https://forum.xojo.com/t/are-there-any-web-sliders-that-work-on-ios/23041/4 "2020-10-29T17:41:33Z")

</div>


