Git Product home page Git Product logo

Comments (25)

GadgetUK avatar GadgetUK commented on May 24, 2024 1

Here's an example using jquery UI, http://jsfiddle.net/cGWfT/

from ion.rangeslider.

oriadam avatar oriadam commented on May 24, 2024 1

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.

spec-grading-ladder

Great work there btw!

from ion.rangeslider.

IonDen avatar IonDen commented on May 24, 2024

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.

GadgetUK avatar GadgetUK commented on May 24, 2024

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.

IonDen avatar IonDen commented on May 24, 2024

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.

IonDen avatar IonDen commented on May 24, 2024

Okey, i understand the idea. I will think about it. But dont expect it soon. 1-2 months maybe.

from ion.rangeslider.

jmls avatar jmls commented on May 24, 2024

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.

IonDen avatar IonDen commented on May 24, 2024

Maybe you should place 2 range sliders near to each other in that situation?

from ion.rangeslider.

jmls avatar jmls commented on May 24, 2024

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.

IonDen avatar IonDen commented on May 24, 2024

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.

jmls avatar jmls commented on May 24, 2024

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.

IonDen avatar IonDen commented on May 24, 2024

Ok, i understand that situation.

from ion.rangeslider.

GadgetUK avatar GadgetUK commented on May 24, 2024

Any news on this ?

from ion.rangeslider.

IonDen avatar IonDen commented on May 24, 2024

Hi, not now, maybe in 2.0

from ion.rangeslider.

espen avatar espen commented on May 24, 2024

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.

IonDen avatar IonDen commented on May 24, 2024

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.

espen avatar espen commented on May 24, 2024

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.

pfermena avatar pfermena commented on May 24, 2024

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:
multi_range_slider

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.

aDu avatar aDu commented on May 24, 2024

I would love to see this feature also.

from ion.rangeslider.

IonDen avatar IonDen commented on May 24, 2024

@oriadam, does this demo serve your needs? https://jsfiddle.net/IonDen/tdvxs3zL/

from ion.rangeslider.

oriadam avatar oriadam commented on May 24, 2024

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

spec-grading-ladder2

from ion.rangeslider.

IonDen avatar IonDen commented on May 24, 2024

Ah, got it. Sorry, 2.x can't do it. 3.x will, but it is not ready yet.

from ion.rangeslider.

oriadam avatar oriadam commented on May 24, 2024

That would be amazing! :)
Do you have a time estimation?

from ion.rangeslider.

IonDen avatar IonDen commented on May 24, 2024

@oriadam, not yet. I'm family man and have small time to work on it :)

from ion.rangeslider.

PCasafont avatar PCasafont commented on May 24, 2024

Any news on this one?

from ion.rangeslider.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.