Questions tagged [rangeslider]
412 questions
4
votes
2 answers
webpack encore and jquery ui (dateRangeSlider)
I'm having trouble integrating a jquery-ui plugin with my Symfony app using Webpack Encore. You can see the error (TypeError: t(...).dateRangeSlider is not a function[Learn More]) in the…
Tac Tacelosky
- 3,165
- 3
- 27
- 28
4
votes
1 answer
How to make the left side of a range slider a different color than the right side of the slider?
Looking for information on how to change the slider color depending upon what side of the dragable portion it is on, such as how the HTML5 video player slider does.
I've looked around for a bit and haven't found anything for pure JS solutions, only…
Steichen
- 69
- 1
- 1
- 3
4
votes
0 answers
Angular rangeSlider - update
I use rangeSlider for filter according to price. I need to make reset button, to set this slider to its default values.
My HTML
jakub
- 43
- 7
4
votes
1 answer
Universal Windows (UWP) Range Slider
I want to create range slider in UWP. I didn't find any example. There are only single sliders but I want it like
.
Does anybody know how can i do it? Please help me.
Bahadır Civelek
- 157
- 2
- 9
4
votes
1 answer
Having Problems with sliderInput in R Shiny - Getting NaNs
I'm trying to make a slider input that has years between 2005 and 2040. It seems pretty simple, right? Normally it works fine, but every once in a while I will pull the slider too far to the left and it gives me NaN, which tends to crash things.…
Caroline
- 450
- 1
- 5
- 15
3
votes
1 answer
Dash RangeSlider automatically rounds marks
I am using the RangeSlider in Python Dash. This slider is supposed to allow users to select a range of dates to display, somewhere between the minimum and maximum years in the dataset. The issue that I am having is that each mark shows as 2k due to…
nickbagley
- 59
- 6
3
votes
1 answer
how to create double range price slider using react bootstrap
How to create double range slider using react bootstrap
I tried with npm install react-bootstrap-range-slider
setValue(changeEvent.target.value)}
/>
But it shows only one range i…
Shawn
- 1,232
- 1
- 14
- 44
3
votes
2 answers
How to use Databinding and LiveData for RangeSlider (valueFrom and valueTo)
I have the following RangeSlider and I am using DataBinding to provide the minimum / maximum value of the slider, as it may change while the user is on the screen.
layout.xml
Sampson
- 662
- 6
- 17
3
votes
1 answer
how to change slider by input fields?
JAVASCRIPT
I have this jQuery range slider with js code, I want to change the slider when I put the number in input fields, jsfiddle is also given: https://jsfiddle.net/akhlaque/6Lrtpjwk/1/
var details = {
"books": 20,
"pens": 60,
"ink":…
Akhlaque Ahmed
- 61
- 5
3
votes
1 answer
Animating range ticks when moving range thumb
I have custom input type="range", span that shows range's value and div with many p that act as ticks. I used custom div for ticks because appearance: none on the range hides the ticks. I am generating the ticks with DOM.
I've used slider thumb to…
Vepth
- 665
- 4
- 20
3
votes
4 answers
Vue range slider making page not scrollable on mobile
In VUE I have a range slider component that I use to display different values at set point when the user drags the slider.
This is all working fine, the only problem that I have is that the slider VUE slider component is making my page not…
Otonel
- 97
- 1
- 10
3
votes
1 answer
Vue.js range slider, set v-model and get changes
I am putting a slider on my web form for users to enter how much they would like to rate a certain thing.
I am using Vue.js and I am not sure how to set up a v-model on this and how to get user's entered value.
…
user9307178
3
votes
2 answers
Javascript: Non Linear Range Slider
I have built this range slider, but would like to make it behave differently. I want to know if it is possible to make the value of the slider handle be 1,000 when it gets to the center of the slider, and when at the right end it should be…
George
- 3,757
- 9
- 51
- 86
3
votes
1 answer
Javascript code for Input range slider not working in internet explorer 11
This is my html code
And the javascript code for it is
var slider = document.getElementById('myRange')
function onChange(event) {
var x =…
Peace
- 616
- 2
- 8
- 24
3
votes
1 answer
range slider thumb css issue in IE and Edge
I am creating a range slider for my site which needs to look same on all browser. I am having an issue with slider thumb size in IE and Edge now. I am unable to increase the height of thumb more than the slider track
Chrome and Firefox:
IE and…
acr
- 1,674
- 11
- 45
- 77