@priotas/angular-bootstrap-slider

WebJar for @priotas/angular-bootstrap-slider

License

License

MIT
Categories

Categories

IDE Development Tools Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

priotas__angular-bootstrap-slider
Last Version

Last Version

1.1.26
Release Date

Release Date

Type

Type

jar
Description

Description

@priotas/angular-bootstrap-slider
WebJar for @priotas/angular-bootstrap-slider
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

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

Download priotas__angular-bootstrap-slider

How to add to project

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

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

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>
org.webjars.npm

PRIOTAS

Versions

Version
1.1.26