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
21
votes
6 answers

How to get the value of the slider bootstrap?

How to get the values of the slider bootstrap to hidden iputs? $(function () { $("#slider-range-s1").slider({ range:…
NETTO
  • 211
  • 1
  • 2
  • 4
13
votes
1 answer

Using bootstrap-slider with jQuery UI

I want to use bootrap-slider with jQuery UI. I am following the documentation and loaded the plugin code after loading the Bootstrap CSS and jQuery. However, the slider is not getting initialized - the remains as it is, and I don't see any…
Matt
  • 8,195
  • 31
  • 115
  • 225
9
votes
1 answer

chart.redraw() not working after setting event-line

I'm using the morris.js chart along with the bootstrap slider. What I want to do: If the slider is moved, I want to insert an event-line into the chart at the position of the sliders value. Nothing special. The problem: The chart isn't redrawing…
C4d
  • 3,183
  • 4
  • 29
  • 50
5
votes
1 answer

How to Change color of selected section in bootstrap slider

Hi I was using the same application which was demonstrated in one of the link Change color of selected section in bootstrap slider. Even after i use the same, i am not able to proceed. Can you please see and let me know the solution where i have…
Sid
  • 51
  • 1
  • 2
5
votes
2 answers

Rails 4 - Bootstrap Slider - dynamically populating tooltips on data ticks?

I'm trying to use a bootstrap slider in my Rails 4 app. The feature Im trying to use is shown in this example in the bootstrap-slider-rails gem docs. I'm trying to dynamically populate the tool tip text based on the data slider value. In my view, I…
Mel
  • 2,481
  • 26
  • 113
  • 273
5
votes
2 answers

Overlapped part of tooltip of slider and his position in bootstrap-slider plugin

I use Twitter Bootstrap 2.3.2 and bootstrap-slider plugin in modal window. The problem is that part of tooltip of slider is overlapped behind header of modal window and has wrong position. I tried to add this rule, but it didn't help. .slider…
Matt
  • 8,195
  • 31
  • 115
  • 225
4
votes
3 answers

Bootstrap-slider custom handle

I really don't understand why I can't manage to replace the original star handle by a picture of my own. Let's rely on that plunker to understand. I read the author's documentation on that matter: example 10 On the previous plunker I did as it's…
BoobaGump
  • 525
  • 1
  • 6
  • 17
4
votes
1 answer

Slider showing like boxes in Browser but working fine in Fiddle (No Error Showing in Console)

I am implementing Slider which is working fine in Fiddle (Working), but showing like boxes when implemented in Browser. Here is the Picture of how it shows in Browser. code.html
newcomer
  • 422
  • 2
  • 18
3
votes
1 answer

How to change the tooltip background color for seiyria bootstrap-slider when it is in disabled mode?

I am facing problem in changing the tootltip color for seiyria bootstrap-slider, when it is in disabled mode. HTML:
anub
  • 527
  • 1
  • 4
  • 21
3
votes
1 answer

Rails with bootstrap-slider-rails

I'm trying to make an app in Rails 4 using bootstrap-slider-rails gem. I can't find an example of how to use it. I have set it up by installing the gem and adding: @import 'bootstrap-slider'; to my application.css.scss file, and //= require_tree…
Mel
  • 2,481
  • 26
  • 113
  • 273
3
votes
0 answers

Bootstrap Range slider is Not working in Bootstrap Modal POP Up

Bootstrap slider is not working in Bootstrap Modal POP UP. But working correctly in Page . My Modal PoP Up
2
votes
1 answer

Destroy and re-initialize a bootstrap-slider

I am using the Bootstrap-slider found here - https://github.com/seiyria/bootstrap-slider and currently am using v10 (although I've tried with v11 as well but the same result). This is my code: /* For better styling - this uses Bootstrap slider…
Antony
  • 3,875
  • 30
  • 32
2
votes
1 answer

Formatting Number within Tooltip using the Bootstrap-slider plugin

I can not seem to figure out a way where i can change the number within the tooltip while using the bootstrap-slider plugin. .slider .tooltip.top { margin-top: -45px !important; margin-left: 2px; } .slider .tooltip-inner { white-space:…
Ish Sah.
  • 43
  • 3
2
votes
1 answer

prevent text selection when dragging bootstrap-slider handle in Firefox

I'm using bootstrap-slider with two sliders on a single page. My problem is that the text in the page gets selected if I drag the mouse away of the handle while still dragging it. The problem is also present on the demo page (Firefox only). The…
remyremy
  • 3,548
  • 3
  • 39
  • 56
2
votes
1 answer

How to bind the values dynamically in angular-bootstrap-model?

Here I have to bind the ticks, value, maximum and minimum values dynamically by using angular-bootstrap-slider. But I am unable to bind the values. CONTROLLER: var app = angular.module("sliderApp",…
anub
  • 527
  • 1
  • 4
  • 21
1
2 3
8 9