Questions tagged [ion-range-slider]
71 questions
0
votes
0 answers
How do i get variable data from outside a callback function scope?
I'm trying to get the values of the current position of the range slider, so as to put in an object for my ajax request...
let minPrice;
let maxPrice;
$('.range-slider').on('start', function(input) {
minPrice = input.from;
maxPrice = input.to;…
Kanya
- 26
- 6
0
votes
1 answer
How do I get the name of the slider in the callback function of the jquery ionrangeslider?
The example script:
Shenya
- 334
- 1
- 3
- 14
0
votes
2 answers
Ion-range slider is not working with center label
I have customise the ion range slider according to need. just need simple functionalities
1. Label needs to be in center .
2. On label click handle should be move accordingly.
3. Color gap between two values in color line.
I have tried to create…
Coder
- 184
- 15
0
votes
0 answers
How to call a callback
I have a ion.rangeslider which has 4 callbacks: onStart, onUpdate, onChange, onFinish.
I have a button function.
How can call the onUpdate callback from button?
$("#range").ionRangeSlider({
min: +moment().subtract(3, "days").format("X"),
max:…
John Deligiannis
- 53
- 1
- 9
0
votes
1 answer
Wait until jquery plugin on another plugin init
i'm using iziModal jquery plugin and ion range slider. Basically I have a table with records and each record has edit button that shows an iziModal with sliders inside it.
I have in a js file called "slidersInit.js" ion range sliders plugin…
Jackal
- 3,359
- 4
- 33
- 78
0
votes
2 answers
How to prevent click on interval in Ion.RangeSlider?
In Ion.RagerSlider plugin the interval bar is clickable.
This is an issue on mobile devices when the user accidentally click the element when he's trying to scroll.
How can i disable the click event on interval bar?
I was unable to find the…
Tarilonte
- 61
- 1
- 4
0
votes
1 answer
highlight a range on ion.rangeslider
in bootstrap-slider it is possible to highlight certain ranges on slider:
EXAMPLE:
// With JQuery
$('#ex22').slider({
id: 'slider22',
min: 0,
max: 20,
step: 1,
value: 14,
rangeHighlights: [{ "start": 2, "end": 5,…
Philipp Chapkovski
- 1,949
- 3
- 22
- 43
0
votes
0 answers
Vue-form-generator Update Range Slider Attribute
I am currently setting up a multi-step form where the input from one slider needs to effect the max of another. I can manually update the max using this.tabSchema.(tab-id).fields[0].rangeSliderOptions.max, but this doesn't change the UX at all. I…
Jon Ohliger
- 68
- 1
- 8
0
votes
0 answers
Firebase and ng2-ion-range-slider package conflict in Angular
I am using Angular and Firebase (+ Cloud functions) and in my web app I also added ng2-ion-range-slider from npm to extend my UI. But what I noticed is after installing range slider I can not deploy cloud functions to firebase.
There is an absolute…
ilgaz
- 61
- 3
0
votes
1 answer
Ion Range Slider with HH:mm format From & To not working
I am trying to use Ion Range Slider in my project to select working hours. Ex: (08:00-19:00).
$('#ion').ionRangeSlider({
grid: false,
type: 'double',
min: moment("0000", "hhmm"),
max: moment("2359", "hhmm"),
from: moment("0800",…
YSFKBDY
- 735
- 1
- 12
- 38
0
votes
1 answer
Ion range slider color and dragger not showing in Laravel
I am trying to add ion-rangeslider in my project
This is my HTML code
…
Mohan Sharma
- 71
- 2
- 9
0
votes
1 answer
howto init ion-range-slider function in gentelella template
I'm in confusion to how to initialize some basic js components, like the "grid slider":
that is included in the package for laravel:
https://colorlib.com/polygon/gentelella/form_advanced.html
and it comes from this…
JahStation
- 893
- 3
- 15
- 35
0
votes
1 answer
add delay on onChange event in ionRangeSlider
I am using a ionRangeSlider for price range:
HTML
JS
$("#price_range").ionRangeSlider({
min: 0,
max: 10000,
type: "double",
grid: false,
…
HelpASisterOut
- 3,085
- 16
- 45
- 89
0
votes
1 answer
How to correctly replace text for a dynamically created element?
How to correctly replace text for a dynamically created element?
My code - Fiddle
$(function() {
var makeSlider = function(params) {
var defaults = {
id: 1,
amountPurchases: 0,
pricePlus: 0,
offset: 140,
…
ivansimonov007
- 107
- 1
- 11
0
votes
1 answer
How to dynamically enable or disable ion-range-slider using Ionic 3 and Angular 5?
I have implemented a slider using ion-range-slider. It is having a disable option to make the slider enable or disable. But I need to make it enable/disable dynamically.
I tried this way. I am not able to achieve this. Please help me what I need to…
Darshan theerth
- 516
- 1
- 13
- 34