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.bower
ArtifactId

ArtifactId

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

Last Version

0.1.7
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

How to add to project

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

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.bower : seiyria-bootstrap-slider jar [5.2,6.0)
org.webjars.bower : angular jar [1.3,1.5)

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.7