Home/ Questions/Q 1003703
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T08:01:10+00:00

I’m developing a quick solution that uses a Slider with multiple handles to define

  • 0

I’m developing a quick solution that uses a Slider with multiple handles to define widths for a dynamic layout.

I’ve attempted to use both ExtJS3 and the latest JQuery UI.

In ExtJS, you can constrain the handles so the don’t cross over each other, and it’s quite an intuitive approach to the UI I need, however there are reasons why I would rather not use ExtJS for one ‘island’ in a sea of JQuery.

So, does anyone know of a secret attribute, or a bit of code that constrains multiple handles in the JQuery slider ?

For clarity: if you have a slider with 2 handles, one at 40 and one at 60; the constraint would stop you dragging the handle at 60 down to 20, without first moving the 40 one.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In the slide event you can constrain the handle movement by checking the slider values and returning true to allow the slide or false to prevent it (see the jQuery UI docs for more information)

    • 0