Questions tagged [ion-range-slider]
71 questions
1
vote
1 answer
IonRangeSlider is Disable to Enable on Click event using Jquery
On page load time IonRangeSlider is Disable using disable : true once page load successfully then i will click on slider and it should ne enable and set position.
What should I do ? Using Jquery and JavaScript.
Ravi Patel
- 51
- 5
1
vote
2 answers
JQuery call input value from another function async
Using ion rangeslider for this. I am trying to call the value of my prettify function which I have set to log scaling. My log scaling works but when I try to call it back into my other async functions I am unable to get the same result.
I want the…
jsbeginner
- 21
- 8
1
vote
1 answer
ion.rangeSlider: show labels only when dragging/moving handles
I am using Ion.RangeSlider for a timeline. I have the setting hide_from_to: true as I don't want those labels to be seen.
However, there is one exception, where I would like that they are actually visible: when the user moves the handles.
That is,…
J0ANMM
- 7,849
- 10
- 56
- 90
1
vote
1 answer
How to get "from" & "to" value from ION-Range-Slider in a AngularJs Controller
I'am trying to get the values of "from" and "to" from a ION-Range-Slider in a AngularJS Controller, but i've got an syntaxerror.
Here is my Slider:
Entfernung
jsadev.net
- 2,800
- 1
- 16
- 28
0
votes
0 answers
How to make ion.rangeslider RTL?
How to make ion.rangeslider RTL
After long time i found solution for changing direction right to left, I replaced all left to right and right to left in rangeslider.min.js & ion.rangeslider.css check the link in codepen.io
/almosafer2/pen/GRXVmgw
Mohamed Selmy
- 11
- 2
0
votes
0 answers
Ionic 6: How to hide the first and last tick from an ion-range slider?
I'm using the ion-range component in my Ionic 6 project to create a slider with a step value and ticks displayed on the slider. Here's the code I'm using to create the slider:
Kush Gautam
- 31
- 3
0
votes
2 answers
Can I disable changing value of ion-range by touching line, and only for knobs?
here's an example
I need to make touchable knobs only, so touches on line won't affect on value ?
I tried make some changes in css to disable line like this
ion-range::part(bar) {
display: none;
}
But that didn't help
Yehor
- 3
- 3
0
votes
1 answer
Changing pin format to date in Ion Range Ionic 5
I'm trying to create a time slider that ranges from 6:00 AM to 18:00 PM with tickmarks every 30 minutes (6:00, 6:30, 7:00, etc). Problem is pin format on Ion Range only shows integers and I haven't really been able to figure how can I transform that…
deadpool
- 37
- 1
- 3
0
votes
1 answer
Ionic Range dual knob settings initial values and update dynamically
I'm new to Ionic and TypeScript. I'm trying to set the initial values for my Ionic Range (V5) but I'm having some issues. According anothers posts, in the ngModel there are upper and lower properties but I'm not sure the best way to set that…
Madbyte
- 95
- 9
0
votes
1 answer
Rails 7 failing to import yarn package (https://github.com/keisto/vanilla-rangeslider)
This is a non-jQuery version of IonRangeSlider (https://github.com/IonDen/ion.rangeSlider):
https://github.com/keisto/vanilla-rangeslider
I have used this before by trying to stick to pure JS and avoid adding another layer with JQ.
I installed this…
Dan Tappin
- 2,692
- 3
- 37
- 77
0
votes
1 answer
Ionic : Issue with
I am trying to customise ion-range knob (single knob or dual knob) to display current range values but couldn't succeed.
When knob is pressed, I am able to see the Pin with values but after selecting, Pin is disappeared. I tried to keep the Pin…
Deepak
- 53
- 1
- 7
0
votes
1 answer
Ion RangeSlider without jQuery
Is it possible to get a ion rangeslider without jQuery ?
The script below cause problems on my website with a part of the menu dedicated to users.