Questions tagged [rangeslider]
412 questions
3
votes
1 answer
Changing axis range with RangeSlider
I have created a plot with bokeh and now trying to add some widgets to it. Currently I want to change the x axis with the RangeSlider but I think I have some trouble with the callback. Enclosed you find the code:
import pandas as pd
import numpy as…
Ailurus
- 45
- 4
3
votes
1 answer
Change value in boostrap slider based on option select
I am trying to change limit and range value of a bootstrap slider upon option select.
I also tried few things but not succeeded. My Html code is :
3
votes
0 answers
Need a value(specific number) highlight plugin among a given range of value
I am looking for a plugin where a particular value is highlighted in the range slider. Example is as below
Also I need to differentiate each set of values with different colors.
Shanthi
- 686
- 3
- 11
- 22
3
votes
5 answers
How to detect when user finished moving Range slider in Swift
I use this is Range slider in my project. How use it.
I want to detect, when user finished moving Range slider.
I tried to use function SliderAction(sender: RangeSlider), but I get each moving points in the slider. I think I need to use this…
Dim
- 532
- 1
- 6
- 23
3
votes
1 answer
HTML Range Slider with Play/Pause Loop
I'm new to web development and have run into a wall with a d3 visualization I am making. I need a range slider that will loop through a two dimensional array (representing different time-points) to change the color of several SVG elements.
What I…
Tanner Koomar
- 33
- 1
- 5
3
votes
1 answer
How to filter data in ng-repeat using a jquery slider?
I am using Ion.RangeSlider that is a jquery slider.
I have json data that is coming through http and i am displaying it in the page using ng-repeat directive.
I want to filter the JSON data using this slider that looks like below
under the image…
gandharv garg
- 1,781
- 12
- 17
3
votes
1 answer
Using dates with the ion.RangeSlider sliderInput in Shiny
How can we use dates with sliderInput in Shiny?
I know it has been difficult with Bootstrap 2.0, but now that Shiny is using the ion slider, there is hope:
According to the documentation,
Slider supports date and time
For now, something like …
tumultous_rooster
- 12,150
- 32
- 92
- 149
3
votes
1 answer
How can I create a dual range slider using CSS3 and Javascript?
I'm trying to create a price range, by using two range elements
like this:
CSS code:
.first{
position : relative;
top :10px;
left :10px;
margin : 0;
padding : 0;
border : 1px solid red;
border-top : 4px solid…
Ali Tenni
- 190
- 2
- 11
3
votes
1 answer
IPhone Range Slider
I know there is a UISlider but does anyone already made RangeSlider ( with two thumbs ?)
or knows how to extend the uislider?
Andy Jacobs
- 15,187
- 13
- 60
- 91
3
votes
2 answers
ion.rangeSlider lock the slider to predefined values
Is there an option to lock the slider to predefined values? I mean
values: ["7.5", "15", "35", "65", "99", "125", "150", "199", "299", "399", "499"],
Now I want to only move "7.5" to 15,35.....499,
how it is possible? because when I start slider…
user2841243
- 81
- 1
- 3
- 10
2
votes
2 answers
Plugin to enhance HTML5 input[type=range] like jquery-mobile slider
I'm looking for a plugin to enhance HTML5 input[type=range] - ideally would like the result to be similar to the jquery-mobile slider:
http://jquerymobile.com/demos/1.0b3/docs/forms/forms-slider.html
I've not found anything yet, quite surprised -…
zack
- 3,198
- 2
- 35
- 51
2
votes
0 answers
How to avoid overlay using InstantSearch.js rangeSlider?
I'm using InstantSearch.js (via algolia) to make a price rangeslider. It's ok and it works well with one exception: the prices overlap when they are too close.
We can see it on several examples, even on the site of the doc:
Doc algolia
I use it for…
Kimako
- 615
- 2
- 11
- 26
2
votes
0 answers
why vue-range-component is not working fine in sweet-modal Vuejs
I am trying to get Vue-range-component functionality in my project, but it was not loading perfectly on the sweet-modal.
please check image how range showing
…
kamran shirazi
- 21
- 3
2
votes
1 answer
Jetpack Compose RangeSlider with gradient activeTrackColor
In my jetpack compose app I use a RangeSlider for selecting dates:
The active track should use gradient color, e.g. black in the middle and red on the outer sides:
Is this possible using standard RangeSlider?
Thomas Lang
- 21
- 1
2
votes
1 answer
Why does value of range slider not apply on div-container?
I'm trying to dynamically change the grid size of the div-container by using a range slider with JavaScript.
But as soon as the mouseup-event handler triggers, the value of range slider won't apply on the div-container. Why does value of range…
e-d-i
- 39
- 5