Questions tagged [ion-range-slider]
71 questions
1
vote
1 answer
ion-rangeSlider time formate issue
I am trying to get Current rangeSlider value (which is time) but it gives a huge number i-e to and from values are respectivly :[1650478833060, 1650394800000]. Its not a unixTime formate i tried that; so can any one help me get rangeSlider Exect…
decent boy
- 147
- 1
- 9
1
vote
1 answer
ACF custom field type not appearing on backend - jQuery error on ion range slider
Wordpress and ACF custom field type.
I've been trying to use the ACF custom field type plugin to add an ion range slider, (including on the front end form) I get a jQuery error and the slider just displays as an empty text field.
It throws a…
Rick
- 21
- 6
1
vote
1 answer
IonRange Slider onUpdate transition
I found a plugin ionRange slider here is the demo
http://ionden.com/a/plugins/ion.rangeslider/demo_interactions.html
Looking to add transition onUpdate
I have added transition in slider handle and in slider bar via CSS transition
.irs--big…
Roshan Kumar
- 187
- 10
1
vote
0 answers
Ion RangeSlider custom function for slider val?
Can you use a function in the prefix like you can with prettify? prettify is almost what i want, but it changes the grid values as well as the slider value. I want to leave grid alone.
ex: slider is $0 - $700.
If slider is on $220, i need to run…
Chief
- 127
- 9
1
vote
1 answer
How to place a function inside a Class?
I am using ion.RangeSliders and I need to initialize about 10 sliders. So I decided to use JavaScript Class constructor method.
This is what I've done:
$(document).ready(function () {
var table = $("#example").DataTable();
class…
ARNON
- 1,097
- 1
- 15
- 33
1
vote
1 answer
Horizontal scrollbar displayed because absolute positioned elements
In a webshop, i have some sliders on my categoria page.
With these sliders, i can filter products between those price.
My problem is, that on mobile devices, the horizontal scrollbar is displayed, because these sliders have absolute position, and…
Tibi458
- 91
- 2
- 11
1
vote
1 answer
Why can't I update my second input value with my jQuery ion.rangeSlider range slider?
I have two different sliders that have different min & max values. I would like to display the handle value from the inputs. My first one works, but I can't seem to update my second one. I have renamed all my variables and tried to console log my…
Aly
- 13
- 3
1
vote
1 answer
ionrangeslider: How to not show anything when from value is less than min value
I have set up a ionrangeslider. I am mainly using it for displaying my temperature values
I keep updating the from value using ajax dynamically
Santhosh
- 9,965
- 20
- 103
- 243
1
vote
1 answer
ionrangeslider: disable drag the slider. Only want to use for display
I am using ionrangeslider to display some temperature value. I like the way it displays.
I dont want the user to slide it. How can i disable the slider
I didnt find any option to diable dragging
this is the html and the js i am using
…
Santhosh
- 9,965
- 20
- 103
- 243
1
vote
2 answers
Javascript: Fetch variable outside the function from Range Slider
I am trying to get the selected value from the Ion Range slider outside the function.
But the value I am getting is undefined.
I used the Ion range Slider Plugin with the following code.
function getValue()
{
…
Bunty Sharma
- 104
- 12
1
vote
0 answers
how to have a title in range slider and update the value shown
i have defined like this:
$(".js-range-slider").ionRangeSlider({
type: "single",
min: 1,
max: 40,
grid: true,
…
ManRas
- 57
- 7
1
vote
1 answer
range slider is not working properly with lables
I have created slider with ion range slider its working good but not expected.
please see fiddle here:
[jsfiddle]: https://jsfiddle.net/rudratosh/7wg1p86e/3/
https://jsfiddle.net/rudratosh/7wg1p86e/3/
i am trying to build something like given in…
rudra sh
- 17
- 5
1
vote
1 answer
Angular : changing setinterval timer via range slider
l am using ionic 4 and angular . l want to use ionic range slider . The range slider lets users to change a range of values by moving the slider . l want to change the value of setInterval to reduce refresh or increase speed of refreshing .
My code…
Ali Ghassan
- 1,280
- 1
- 22
- 59
1
vote
2 answers
In Shiny, how can I change the formatting of the labels of a range slider?
Shiny makes use of the ion-rangeslider.
I'm trying to change the formatting of the labels of a range slider. In the code below, .irs-single { color: black; background: transparent } removes the default blue background of the label in the regular…
user2363777
- 947
- 8
- 18
1
vote
5 answers
change color of ion range-slider handle
If I try to change the default color of ion range-slider (available here: https://github.com/IonDen/ion.rangeSlider) from red (default) to blue, like that:
.irs-slider.single {
background: blue;
}
It becomes square:
(originally it looks like a…
Philipp Chapkovski
- 1,949
- 3
- 22
- 43