Stack Overflow
Stack Overflow

Questions tagged [bootstrap-slider]

A slider plugin based on bootstrap css. Supports modern browsers, works with and without jQuery

A slider plugin based on bootstrap css. Supports modern browsers, works with and without jQuery.

Originally began as a loose "fork" of bootstrap-slider found on http://www.eyecon.ro/ by Stefan Petre.

Over time, this project has diverged sigfinicantly from Stefan Petre's version and is now almost completly different.

More information can be found at GitHub Page

121 questions
2
votes
2 answers

How to show the value inside the handler using bootstrap slider?

I am using boostrap slider and this is how i am implementing it: $("#yearSlider").slider({step: 20000, min: 0, max: 200000}) How do I get the value inside the handler rather than having it in the tool tip? Expected result
rob.m
  • 9,843
  • 19
  • 73
  • 162
2
votes
2 answers

How to capture the value onChange in Bootstrap-Slider plugin

I cannot figure out how to capture the change in value on the bootstrap-slider plugin. Read the documentation. Tried many, many things.
H. Ferrence
  • 7,906
  • 31
  • 98
  • 161
2
votes
1 answer

How to set tooltips in Bootstrap-Slider to be text strings vs. tick values

I am wondering if it is possible to override the tick values in Bootstrap-Slider (latest v9.7.2 at time of post) to be a text string vs. the tick value. In the screen shot below, the tick value "2" appears above the last select element on the…
H. Ferrence
  • 7,906
  • 31
  • 98
  • 161
2
votes
1 answer

Bootstrap Slider starting from same point while changing the main

I am implementing the bootstrap slider, and involving TOP DOWN Approach to handle it i.e when the SUM slider is adjusted the value is propagated to both the sliders below it. And also the changes made to the bottom sliders will effect affects the…
newcomer
  • 422
  • 2
  • 18
2
votes
1 answer

Irregular bootstrap slider step values

I am using bootstrap slider http://seiyria.com/bootstrap-slider/ I want to select in irregular step values like, 14, 90, 360 days. Example Link
Naresh217
  • 410
  • 1
  • 6
  • 19
1
vote
1 answer

Adjust range depending on input value using bootstrap-slider by seiyria

My goal is that the user can adjust the Belopp in 2 ways, thru the input field or thru the slider. The latter is now working, so one problem is not yet solved. I want my slider to adjust depending on the value inputted on the input field In the…
Janina Estrella
  • 49
  • 2
  • 10
1
vote
1 answer

Bootstrap slider How can I move the tooltip value to external one?

I'm using the Bootstrap slider plugin to create a Range Slider in Example 2 I want to remove the tooltip option and move the value to external one. Here my code : HTML $ 10
jhon-jhones
  • 455
  • 1
  • 13
  • 27
1
vote
1 answer

Multicolor Selected Region - Bootstrap Slider by Seiyria

Is it possible to make a multicolor "selected region" for the seiyria-bootstrap-slider? Maybe someone is able to help me. I will attach below my project example, so u can try and test. Multicolor example var minSliderValue =…
Gian
  • 23
  • 4
1
vote
1 answer

Value does not update with clicking - Bootstrap Slider by Seiyria

when I click between the ticks, it doesn't change the "current value" output. How can I fix this? Maybe someone is able to help me. I will attach a snippet below, so u can try and test. Thank you very much! var minSliderValue =…
Gian
  • 23
  • 4
1
vote
0 answers

Leaflet: bootstrap slider dynamically on the map

I added a bootstrap slider to my map like: bootstrap-slider. adding to my code then: var rad =0; var slider = new Slider("#ex6"); slider.on("slide", function(sliderValue) { document.getElementById("ex6SliderVal").textContent = sliderValue; rad =…
scofx
  • 149
  • 12
1
vote
0 answers

How to link text box inputs with sliders using Bootstrap-slider

I have figured out how to adjust my tooltips and customize my sliders but I am now trying to have text inputs that show the values of the min and max values and then can be updated with the inputs by the user. Since there isn't anything similar…
Ish Sah.
  • 43
  • 3
1
vote
1 answer

Place labels between ticks of a slider-bootstrap

I have a slider with ticks and ranges that I made using some examples of the bootstrap-slider documentation, especially Example 12, however, I can't put labels between the ticks. This is my current code, and works like this $(() => { …
Sebas Pinto
  • 265
  • 1
  • 3
  • 15
1
vote
1 answer

Bootstrap Slider - How to prevent the crossing/flipping of handle controls on the slide

I need to apply a limit for both slider-handles in the slider range control of bootstrap-slider, i.e. do not cross each other... like the jquery slider UI that the both handles stops the slide control behavior, and never cross. I try to do with…
AlonsoCT
  • 177
  • 1
  • 4
  • 18
1
vote
1 answer

Enable a button after interacting with a bootstrap slider

I am coding an experiment, and I need to have a disabled button activated only after clicking/dragging the bootstrap slider. I have tried click, onmousedown, and value of the slider is different from 50 (the initial value set) functions, but they…
Ale
  • 13
  • 3
1
vote
1 answer

How to get the parent of the Bootstrap slider which triggers the change event

I have two Bootstrap sliders, initialized and ready. I have attached change event to them, but I am unable to get which slider is changing, as change event gives me an object containing newValue and oldValue. I need to get the event.target to find…
Arunit Mazumdar
  • 113
  • 9
1
2
3
…
8 9