5 Replies Latest reply on Jul 10, 2013 3:41 PM by Ramesh P, Oracle APEX Developer

    Freeze handles for the slider

    Ramesh P, Oracle APEX Developer


      Here is my question for which I am struggling over.


      I need to display a slider with a handler where the users can slide the handle to have values changed. I good on that part.

      But I have specific requirement, that I need to show two more handles on the same slider at different points showing threshold and benchmarks and those two slider handles cannot be moved.


      I am even successful in displaying three handles on same slider, but the newly added sliders were also sliding, but I need the newly added slider handles not slide even if user is sliding them.


      Here is my code


      <div id="temp1" style="width: 500px;"></div>

      <script type="text/javascript">

      $( "#temp1").slider({

                      values: [ 10, 25, 80 ],

                      min: 0,

                      max: 100,

                      step: 1,   

                      slide: function( event, ui ) {

                          return true;


                      change: function( event, ui ) {

                          return true;