2 Replies Latest reply on Apr 29, 2013 5:41 PM by resdesign

    how to customize the Jquery UI slider???

    Forlin87

      Hello everybody!

      I'm new of this world and so I've got a long list of doubt and problems. But the most important by now is that after I hardly understood how to use a Jquery UI slider in Adobe Edge, I need to change the handle and the box with custom ones. Any suggestion?

      I post here the code I've done by now...

      Thank you all for reading and answering!!!!

       

       

      yepnope(

      {

          nope:[

           'jquery-ui-1.10.0/ui/jquery-ui.js',

           'jquery-ui-1.10.0/ui/jquery.ui.slider.js',

           'jquery-ui-1.10.0/jquery-1.9.0.js',

           'jquery-ui-1.10.0/themes/base/jquery-ui.css',

           'jquery-ui-1.10.0/themes/base/jquery.ui.slider.css'

       

        ],

          complete: init

      }

      );

       

      var Stage = sym.$("Stage");

      var Rectangle = sym.$("Rectangle");

      var Rectangle2 = sym.$("Rectangle2");

      var Rectangle3 = sym.$("Rectangle3");

      var Rectangle4 = sym.$("Rectangle4");

      //var Rectangle3 = sym.getSymbol("Rectangle3");

       

      function init() {

      Rectangle.draggable({ axis: "y" });

      Rectangle.draggable({ containment: Rectangle4, scroll: false});

      Rectangle3.draggable();

       

      Rectangle4.slider({orientation: "vertical"});

         Rectangle4.slider({

        slide: function(e,ui){

              var sliderValue =  Rectangle4.slider("value");

       

              Rectangle3.width(sliderValue + 411 + sliderValue);

              Rectangle3.height(sliderValue + 272 + sliderValue);

       

            }

           }

         );

       

      }