Jquery Slider Field

I haven't used jquery tools but I have tested the standard jquery ui slider in the past, once you have included the jquery ui script and css in your themes header add this code http://pastie.org/2857572 to the page your form is going to be on by inserting it above the gravity form short code, the other option would be to include it in a html block on the form itself. Add a number field to your form which will house your sliders value when the form is submitted, add a html block directly after the number field in this you can add a basic div and give it an id such as <div id="slider-range"></div>

Next find out the field number for your input and then head back to that first section of code and look for #input_7_2 and customise it to match your form (7 is your form number and 2 is your field number).

Adjust the min and max values to whatever you want them to be say min:1 ,max:100
Set your starting value where it says value:30.5
If you are working with whole numbers and incrementing in 1's you can remove the 'step' code but if you are working with decimals or incrementing by odd numbers set the step to whatever suits your needs.

Hope this helps!

Hi sascha, I just remembered if you are leaving the number field editable so they can enter the number directly and want the slider position to be updated automatically you can add the following code

$("#input_7_2").blur(function() {
$("#slider-range").slider('option', 'value', parseInt($(this).val()));
});

@Jonathantgiles can you post a link to a page with your form on it, in the few tests I carried out the slider has always remained.