Stack Overflow
Stack Overflow

Questions tagged [rangeslider]

412 questions
20
votes
5 answers

Can't get rangeslider.js to work

I am trying to use the rangeslider jQuery plugin: http://andreruffert.github.io/rangeslider.js/ However, it doesn't seem to work. What am I doing wrong?
user2806026
  • 787
  • 3
  • 10
  • 24
14
votes
3 answers

Add a custom label to material range slider

I'm using Android material components library's latest (1.3.0-alpha01) version to display a range slider (slider with two thumbs). Now need to customize the labels and always show each thumb's value over the thumbs in TextView (without any…
Laura
  • 402
  • 1
  • 7
  • 24
14
votes
2 answers

How to Create Range Slider programmatically in iOS?

I want to create a range slider. but wahen I assign 2 sliders in same position then only 1 is working. I found some External APIs to create Slider. Is there any way to create Range slider in iOS programmatically. Here is my code.. CGRect frame =…
M Swapnil
  • 2,361
  • 3
  • 18
  • 33
9
votes
2 answers

Rangeslider.js | Uncaught TypeError: Cannot read property '0' of undefined

I'm trying to use rangeslider.js This is my HTML includes: This is my HTML:
joshuatvernon
  • 1,530
  • 2
  • 23
  • 45
9
votes
1 answer

html range slider - oninput does not work in IE 11

I have implemented a range slider that uses the value to get an element from an array and display that, instead of displaying the range value. It works in Chrome and Firefox but not IE 11 - the value does not get the updated element when the slider…
Rosie Bell
  • 101
  • 1
  • 5
7
votes
0 answers

Custom Slider and Range Slider for React Native

I spent 3 days developing Custom Slider and Range Slider for React Native. I am astonished to see that the slider components in React Native are so basic and don't allow any customization. I wanted to share the Slider scripts I made so everyone can…
Hugo Bounoua
  • 415
  • 4
  • 10
7
votes
1 answer

How to create range silder with marker and change color of filled range?

I already did the work to some extent as shown below. How to achieve something like this range slider? .slidecontainer { width: 100%; /* Width of the outside container */ } /* The slider itself */ .slider { -webkit-appearance: none; …
Hash
  • 73
  • 1
  • 4
6
votes
1 answer

AngularJS filtering between a range

I have set up a range slider that ranges from 0 - 2hr, the times are calculated in mins then converted to hh:mm like this: 10min, 20min, 1hr 20min, 2hr. But now I am trying to filter a bunch of items inside the ng-repeat using the range specified by…
Daimz
  • 3,243
  • 14
  • 49
  • 76
5
votes
1 answer

Connecting input range arc thumb to slider with curve

I have a solved question Animating range ticks when moving range thumb. From that question, I have a input type="range" with custom appearance - thumb is made like an arc (half circle), span that takes range's value and is designed as a circled…
Vepth
  • 665
  • 4
  • 20
5
votes
1 answer

What advantages does the new ion.RangeSlider bring to Shiny?

As of Shiny 0.11, the sliders have been changed to ion.RangeSlider. At first glance, they look very different, especially with the HTML 5 skin: ...but apparently these new sliders can do (a lot?) more than the old sliders. I'd like to take…
tumultous_rooster
  • 12,150
  • 32
  • 92
  • 149
5
votes
2 answers

sliderInput in Shiny -- how to control the length/width of the slider in shiny?

When i use the sliderInput function in shiny it seems like I am not able to control the width/length of the slider. By default, the slider occupies the entire width of the page (in basicPage mode, not in the pageWithSidebar mode). I am wondering if…
BlasIyer
  • 61
  • 1
  • 2
4
votes
1 answer

plotly range slider without showing line in small

I want to use Plotly to generate a line chart with a range slider. the range slider shows the displayed line again. this code is just an example. in my case, I have a lot of subplots and everything is shown twice. is it possible to show nothing or…
Alex
  • 999
  • 1
  • 14
  • 31
4
votes
1 answer

Android Kotlin Range slider setting values programmatically

I've added a RangeSlider to android Kotlin app and I'm trying to set the values read from settings. Settings are fine but when I set those to slider eg. slider.values[0] = 12.0F the value doesn't change. With normal slider it's ok. Am I missing…
Waldo
  • 43
  • 1
  • 3
4
votes
3 answers

Create Range Slider in React.js

I'm trying to create a range slider in ReactJS rangeSlider.jsx const RangeSlider = ({onChange}) => { const [slider, setSlider] = useState({ max: 100, min: 0, value: 0, label: '' }); const onSlide = ()…
Skeeter62889
  • 95
  • 1
  • 2
  • 6
4
votes
2 answers

Flutter RangeLabels on RangeSlider not working

I'm trying to get the basic RangeSlider working with the labels showing the start end ranges of the labels. Below is the most simplified you can make it...a container that contains the slider. For whatever reason, the labels do not appear? I've…
mike hennessy
  • 1,359
  • 1
  • 16
  • 35
1
2 3
…
27 28