Stack Overflow
Stack Overflow

Questions tagged [rangeslider]

412 questions
2
votes
0 answers

Dash RangeSlider represent step as date

I am building a dashboard using Dash which has a RangeSlider in it. At the minute, the min and max arguments are set to 2015 and 2021 and the step is 0.1 as shown in the MWE, which produces me a nice slider as shown in the screenshot below: …
Sebastian Meckovski
  • 167
  • 4
  • 15
2
votes
2 answers

jQuery Range Slider using default attribute values

I am using jquery Range Slider which has the following code. $("#maxAge").slider({ range: true, min: 18, max: 75, values: [20, 45], slide: function(event, ui) { $("#sliderVal").val(ui.values[0] + "-" + ui.values[1]); …
Mr. Crypto
  • 39
  • 5
2
votes
4 answers

How to change material slider font

How to change material slider bubble typeface programmatically?
ucMedia
  • 4,105
  • 4
  • 38
  • 46
2
votes
3 answers

Making range slider vertical

I am trying to customize a range slider according to my need i am almost there except for the orientation of it, currently it's aligned horizontally which should be vertical. I have tried adding data-orientation = "vertical" and Orient="vertical"…
Meet
  • 21
  • 3
2
votes
1 answer

How to make a custom range slider in flutter with non uniform discrete divisions?

i want to make a range slider in flutter which has variable discrete divisions. For example in normal slider divisions are like- 0-10,10-20,20-30,30-40 ......100.Here 1/10 length is given to each division. But i want to make a range slider in which…
Artisted
  • 144
  • 1
  • 10
2
votes
0 answers

React-plotly: Sliding is slow in time series range slider with selectors

I am trying to implement a time series graph with a range slider with selectors referring the example in the link(https://plotly.com/javascript/range-slider/).The example is working properly and sliding speed is as expected. But when I implement it…
Thamali Wijewardhana
  • 464
  • 2
  • 7
  • 22
2
votes
2 answers

I want the valueIndicator always open in RangeSlider in Flutter

I want the valueindicator to show value even not pressing or moving the slider.
Mirana Nightshade
  • 33
  • 6
2
votes
1 answer

Circular Range slider with three specific parts (React project)

enter image description here Hi, I'm working on a React project and I must create a pie-chart with two range sliders on the circle. With these two sliders you can change the coloured parts percentage as you can see on the picture. I've been…
Brice Le Gallo
  • 21
  • 1
2
votes
2 answers

Dash range slider with input on each side

I am quite new to front-end development and HTML and I'm struggling to understand how to order a range slider with two inputs in the same line when using Dash I have tried to separate the html.Div, Putting the components in the same Div without…
ItamarG
  • 406
  • 5
  • 14
2
votes
2 answers

How to build a dynamic range slider in flutter?

I want build a dynamic range slider, where i update the values (min, max and divisions) ​​of the range slider by selecting a dropdown button. Are there any examples of this? I have not found any on the Internet. Thanks!
Toni Mahoni
  • 117
  • 12
2
votes
4 answers

Change colour of range slider

Recently I am installing npnslider https://npnm.github.io/NpnSlider/ .Basically I have integrated functionalities of this but the problem is how do we change colors according to the preference of this slider
Pandula
  • 45
  • 5
2
votes
1 answer

Set highlights to range slider

I use bootstrap 4 and angular 8. I want to make something like this: This is a range slider with highlighted sectors. I would like to have a red highlighted sector at the beginning and one at the end to show that someone chooses a value that is…
Matthias Neubert
  • 275
  • 1
  • 5
  • 24
2
votes
1 answer

Trying to get my range slider display value. (bootstrap 4 / JS)

var slider = new Slider('#slider1',{ tooltip: 'always' }); //generate a password function passwordGenerator () { // how long is the password going to be? var passwordLength = document.getElementById('slider1').value; //…
RobC
  • 139
  • 2
  • 11
2
votes
2 answers

How to find the thumb of a slider to set its width

I am creating a "range slider" from three slider controls stacked on top of each other. The basic idea is from here which uses two…
Mitch
  • 1,173
  • 1
  • 10
  • 15
2
votes
2 answers

How to make the thumb of a slider move all the way to the end?

Basically, I want a range slider that works well for true and false. fieldset > * { vertical-align: middle; } .quiz-label-left, .quiz-label-right{ display: inline-block; width: 50px; padding: 2px; text-align:…
Fluffy Ribbit
  • 316
  • 1
  • 4
  • 15
1 2 3
…
27 28