Comments (25)
Here's an example using jquery UI, http://jsfiddle.net/cGWfT/
from ion.rangeslider.
Hi, just wanted to add my scenario for this feature, I'm building a grading ladder editor.
User cut the full-range to multiple consecutive ranges, and give a name to each range.
Great work there btw!
from ion.rangeslider.
Not in one slider. But you can put many sliders close to each other in the row to get the same effect.
from ion.rangeslider.
Ok. Many sliders won't work. Was thinking of this as a feature request rather than a question. Alternatively multiple handles on a single slider would be a solution
from ion.rangeslider.
Hey. Maybe i dont understand the idea quite good? Maybe you can draw some scheme and show me, what you expect? And what should be result value for the base input field?
from ion.rangeslider.
Okey, i understand the idea. I will think about it. But dont expect it soon. 1-2 months maybe.
from ion.rangeslider.
I was looking for similar functionality : it would be useful for entering opening hours etc (09:00-12:00 13:00-17:00) etc
from ion.rangeslider.
Maybe you should place 2 range sliders near to each other in that situation?
from ion.rangeslider.
sure, of course I could. I just personally think that it would be nicer to
show all opening hours for a monday on one range slider, that's all .
On 8 October 2013 12:18, Denis Ineshin [email protected] wrote:
Maybe you should place 2 range sliders near to each other in that
situation?—
Reply to this email directly or view it on GitHubhttps://github.com//issues/19#issuecomment-25881617
.
Julian Lyndon-Smith
IT Director,
dot.r
http://www.dotr.com
"The bitterness of poor quality remains long after the sweetness of low
price is forgotten”
Follow dot.r on http://twitter.com/DotRlimited
from ion.rangeslider.
Ok, another question. How much situations you can imagine of using this functionality? Do you have an examples to show on some websites? If i will develope some feature i want to know what and why am i doing this.
from ion.rangeslider.
the only time I would use this is for opening hours : for example, a call
center may have a queue open from 08:00-12:00, 13:00-17:00 and 18:00-22:00
or a vet / dentist etc etc
it's a nice to have feature : not a requirement. I appreciate the work
you've done so far.
On 8 October 2013 12:26, Denis Ineshin [email protected] wrote:
Ok, another question. How much situations you can imagine of using this
functionality? Do you have an examples to show on some websites? If i will
develope some feature i want to know what and why am i doing this.—
Reply to this email directly or view it on GitHubhttps://github.com//issues/19#issuecomment-25882035
.
Julian Lyndon-Smith
IT Director,
dot.r
http://www.dotr.com
"The bitterness of poor quality remains long after the sweetness of low
price is forgotten”
Follow dot.r on http://twitter.com/DotRlimited
from ion.rangeslider.
Ok, i understand that situation.
from ion.rangeslider.
Any news on this ?
from ion.rangeslider.
Hi, not now, maybe in 2.0
from ion.rangeslider.
I am also looking for a widget which works as @jmis explains. I'm currently looking at https://github.com/quarterto/Elessar but ion.rangeSlider looks better, have more methods to customize and there are some shortcomings to Ellessar (like not able to remove a range).
I'm just researching the alternatives at the moment so haven't started to look at the code yet. Is there any info about the 2.0 release? Will it introduce many new features? Will the API change? Or how big of a project is the 2.0 release?
from ion.rangeslider.
Hi, look at project issues, all of them are feature requests. And i have some ideas, there to progress. The idea to add multiple sliders is good, but very difficult with my slider design. So i don't know how soon it will be done. May be i will decide not to do this at all. So don't expect 2.x soon, maybe in 2-3 months.
from ion.rangeslider.
Ok, thanks for letting me know. I'll go for Elessar for now if the code is ok. I'll keep an eye on this project though, great work on it.
from ion.rangeslider.
Hi IonDen,
First of all thanks and congratulations for the excellent job.
I wonder if you still have this feature request in mind. I´m interested in such a feature for the following scenario:
I think on it as:
- The user could add new handlers to create new ranges by clicking in the range itself or something like this.
- In this approach a label has to be within the range to know the value of each range.
- Handler removal for ease of use.
- I don´t know if you have click listeners for the labels or the handlers to integrate the widget within a form...
The concept is similar to the slider in http://www.colorzilla.com/gradient-editor/
Thanks.
from ion.rangeslider.
I would love to see this feature also.
from ion.rangeslider.
@oriadam, does this demo serve your needs? https://jsfiddle.net/IonDen/tdvxs3zL/
from ion.rangeslider.
@IonDen
Thanks for the demo!
But no, the user should be able to add and remove multiple knobs, creating multiple sub-ranges by changing the cutting point for each range.
In the example above there are 6 ranges: 0-33, 33-50, 50-66, 66-80, 80-90, 90-100
Each range also have a name.
I'm attaching a more detailed explanation.
from ion.rangeslider.
Ah, got it. Sorry, 2.x can't do it. 3.x will, but it is not ready yet.
from ion.rangeslider.
That would be amazing! :)
Do you have a time estimation?
from ion.rangeslider.
@oriadam, not yet. I'm family man and have small time to work on it :)
from ion.rangeslider.
Any news on this one?
from ion.rangeslider.
Related Issues (20)
- Numeric Rang Slider - step parameter not working.
- Separation in input field HOT 2
- Custom Formula With Type double HOT 1
- ionRangeSlider data.step unreadable HOT 3
- How to hide latest caption HOT 1
- Issue with grid 1-4 HOT 1
- Range slider with labels and custom values
- prefix to right HOT 1
- Can we add custom text on each steps?
- Display issue when parent element is using display: inline-flex or display: flex HOT 2
- Adding new sliders via JS
- Allow typing input-values HOT 2
- Installed via NPM: Uncaught TypeError: $(...).ionRangeSlider is not a function HOT 5
- Use it without jQuery HOT 1
- Is it possible to set the initial value to 50% (center on the scale, for zero)? HOT 1
- Singular / Plural postfix
- How to disable dragging of slider when i drag thumb of <Slider> from material Ui
- Change color
- Slider Calcutation HOT 2
- Change backgroup irs-line dinamic HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ion.rangeslider.