Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

mdSlider: support for range sliders #487

Closed
tmikoss opened this issue Oct 28, 2014 · 42 comments
Closed

mdSlider: support for range sliders #487

tmikoss opened this issue Oct 28, 2014 · 42 comments
Assignees
Labels
for: internal contributor The team will address this issue and community PRs are not requested. in progress Mainly for in progress PRs, but may be used for issues that require multiple PRs type: enhancement
Milestone

Comments

@tmikoss
Copy link

tmikoss commented Oct 28, 2014

Please consider adding a range (second value) option to md-slider.

Example use case: when searching for a hotel, I want to specify both minimum and maximum price, and have the application show me results that fall between those. Demonstrated in AirBnB search page.

This feature has been previously implemented in

@ravitejadeevi
Copy link

+1

3 similar comments
@prayagverma
Copy link
Contributor

+1

@AbrahamAlcaina
Copy link

+1

@xmcax
Copy link

xmcax commented Nov 12, 2014

+1

@ThomasBurleson ThomasBurleson changed the title Feature request: range sliders Slider: support for range sliders Nov 12, 2014
@ThomasBurleson ThomasBurleson added this to the 0.8.0-rc1 milestone Nov 13, 2014
@lewisacidic
Copy link

+1. There is also https://github.com/angular-ui/ui-slider to look at.

@primoz990
Copy link

+1. I used this as an alternative: https://github.com/danielcrisp/angular-rangeslider

@ThomasBurleson ThomasBurleson changed the title Slider: support for range sliders mdSlider: support for range sliders Dec 17, 2014
@Tallyb
Copy link

Tallyb commented Dec 23, 2014

+1, would be good if the targets can be defined as functions...

@mackelito
Copy link

+1

1 similar comment
@adamduren
Copy link

+1

@ThomasBurleson ThomasBurleson modified the milestones: 0.8.0, 0.9.0 Jan 30, 2015
@robertogyn19
Copy link

+1

1 similar comment
@kdela
Copy link

kdela commented Feb 14, 2015

+1

@EdwardCTaylor
Copy link

For those in desperate need, I made this directive that simulates a range slider with two single md-sliders. It works ok, with three minor issues

a) the left slider can override and push the right slider
b) the right slider moves very slightly when sliding left slider (not yet noticed by users).
c) minimum value of 1

code here
https://gist.github.com/EdwardCTaylor/31e26e2c804eec78e97e

min-gap defines minimum value spacing between the two sliders (to prevent awkward overlap). lower-value and upper-value are the outputs.

(you will need to add your own templateUrl for html template).

Happy to receive any developments anyone has on this, with a little love may become more robust.

@r0b-
Copy link

r0b- commented Mar 7, 2015

+1

1 similar comment
@getangad
Copy link

getangad commented Mar 9, 2015

+1

@kuitos
Copy link

kuitos commented Mar 10, 2015

Thanks to @EdwardCTaylor at first,base on your solution,i have a improved version.
Here https://gist.github.com/kuitos/89e8aa538f0a507bd682

@ThomasBurleson ThomasBurleson modified the milestones: 1.0-rc8, 1.1.0, Backlog Jan 5, 2016
@EladBezalel EladBezalel modified the milestones: 1.3.0, Backlog Apr 18, 2016
@ThomasBurleson ThomasBurleson modified the milestones: 1.3.0, Backlog, 1.1.0, Features Apr 20, 2016
@ThomasBurleson ThomasBurleson modified the milestones: - Features, Deprecated May 26, 2016
@ThomasBurleson
Copy link
Contributor

This issue is closed as part of our ‘Surge Focus on Material 2' efforts.
For details, see our forum posting.

@ThomasBurleson
Copy link
Contributor

This issue is closed as part of our ‘Surge Focus on Material 2' efforts.
For details, see our forum posting @ http://bit.ly/1UhZyWs.

1 similar comment
@ThomasBurleson
Copy link
Contributor

This issue is closed as part of our ‘Surge Focus on Material 2' efforts.
For details, see our forum posting @ http://bit.ly/1UhZyWs.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
for: internal contributor The team will address this issue and community PRs are not requested. in progress Mainly for in progress PRs, but may be used for issues that require multiple PRs type: enhancement
Projects
None yet
Development

No branches or pull requests