JarCasting
JarCasting JarCasting

angular-bootstrap-slider

WebJar for angular-bootstrap-slider

License

License

MIT
Categories

Categories

IDE Development Tools Github Version Controls Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

github-com-seiyria-angular-bootstrap-slider
Last Version

Last Version

0.1.26
Release Date

Release Date
Type

Type

jar
Description

Description

angular-bootstrap-slider
WebJar for angular-bootstrap-slider
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/seiyria/angular-bootstrap-slider

Download github-com-seiyria-angular-bootstrap-slider

Filename Size
github-com-seiyria-angular-bootstrap-slider-0.1.26.pom
github-com-seiyria-angular-bootstrap-slider-0.1.26.jar 12 KB
github-com-seiyria-angular-bootstrap-slider-0.1.26-sources.jar 22 bytes
github-com-seiyria-angular-bootstrap-slider-0.1.26-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/github-com-seiyria-angular-bootstrap-slider/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>github-com-seiyria-angular-bootstrap-slider</artifactId>
    <version>0.1.26</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/github-com-seiyria-angular-bootstrap-slider/
implementation 'org.webjars.npm:github-com-seiyria-angular-bootstrap-slider:0.1.26'
// https://jarcasting.com/artifacts/org.webjars.npm/github-com-seiyria-angular-bootstrap-slider/
implementation ("org.webjars.npm:github-com-seiyria-angular-bootstrap-slider:0.1.26")
'org.webjars.npm:github-com-seiyria-angular-bootstrap-slider:jar:0.1.26'
<dependency org="org.webjars.npm" name="github-com-seiyria-angular-bootstrap-slider" rev="0.1.26">
  <artifact name="github-com-seiyria-angular-bootstrap-slider" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='github-com-seiyria-angular-bootstrap-slider', version='0.1.26')
)
libraryDependencies += "org.webjars.npm" % "github-com-seiyria-angular-bootstrap-slider" % "0.1.26"
[org.webjars.npm/github-com-seiyria-angular-bootstrap-slider "0.1.26"]

Dependencies

compile (6)

Group / Artifact Type Version
org.webjars.npm : karma-jasmine jar [0.3.6,0.4)
org.webjars.npm : karma jar [0.13.15,0.14)
org.webjars.npm : jasmine-core jar [2.3.4,3)
org.webjars.npm : karma-chrome-launcher jar [0.2.1,0.3)
org.webjars.npm : http-server jar [0.8.5,0.9)
org.webjars.npm : protractor jar [3.0.0,4)

Project Modules

There are no modules declared in this project.

angular-bootstrap-slider

This plugin was mostly put together quickly with the intent of using something that worked. It has zero test coverage. It is, however, registered on bower as angular-bootstrap-slider. Just include slider.js and use the package ui.bootstrap-slider. You will also need to include bootstrap-sliders CSS and JS.

Available Options

See bootstrap-slider for examples and options.

Sample Usage

<!-- it can be used as an element -->
<slider ng-model="sliders.sliderValue" min="testOptions.min" step="testOptions.step" max="testOptions.max" value="testOptions.value"></slider>

<!-- ..or an attribute -->
<span slider ng-model="sliders.secondSliderValue" min="minTest"></span>

Troubleshooting

Tooltips

If you Want to hide the tooltip on your slider (or define a value for the bootstrap-slider data-slider-tooltip options, such as "show", "hide" or "always"), you should use the tooltip attribute, like this :

<!-- it can be used as an element -->
<slider ng-model="sliders.sliderValue" min="testOptions.min" step="testOptions.step" max="testOptions.max" value="testOptions.value" tooltip="hide"></slider>

But, if the tooltip attribute is in conflict with another angular directive, you can use the alternative slider-tooltip attribute :

<!-- it can be used as an element -->
<slider ng-model="sliders.sliderValue" min="testOptions.min" step="testOptions.step" max="testOptions.max" value="testOptions.value" slider-tooltip="hide"></slider>

Event Calbacks

<!-- event callbacks receive the name of the event and the associated value with that event -->
<slider ng-model="sliders.sliderValue" on-stop-slide="myCallback($event,value)"></slider>

Versions

Version
0.1.26