I've created a multi-value slider that allows the user to set colours to be used for a range of values from 0 to 100. Here's what it looks like:

enter image description here

The user can slide each number left and right to change it, except for 0 which is always anchored at the left-hand side.

To add a new value, the user clicks on an empty space on the slider, and a value appears. To remove a value the user drags it off the slider.

To change the colour, the user clicks and releases on a number. This opens a colour panel with a preset colour range, and a "more" triangle for a full colour chooser:

enter image description here

This control has been in our desktop software for some years, and seems to be used without problems.

Now the problem: we want to add sliders for values that do not have a clear upper limit and are not integers. How can I modify this concept to allow entering in amounts with no preset range? Or is there a straight-forward alternative?

  • How important is it they pick their own as opposed to having several options to choose from? Apr 2, 2015 at 5:24
  • @whatsisname very important - some of the users are very demanding over the level of customisation. Apr 2, 2015 at 7:38
  • By "not integers" do you mean decimals (eg 3.1415) or more abstract scalar values like (small, medium, large)?
    – tohster
    Apr 2, 2015 at 17:29
  • @tohster i mean decimals, with typically no more than one decimal point. Apr 3, 2015 at 1:26

1 Answer 1


enter image description here

My suggestion is using tooltips where people can enter the value themselves.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.