Range Slider for Gravity Forms

What does it do?

Integrate your gravity forms with a smooth, lightweight, customizable range slider and unrivaled performance on both mobile and desktop platforms across all major browsers. It allows users to select a range of values within a specified minimum and maximum range by dragging one or two sliders along a track.

Features

  • Tooltips

    You can get some extra data from the user's IP address. Ex. city, state, county, country, zip code, currency, and more. This information will be collected from an API. You have to register and you can use it.

  • Calculation support

    There is 2/3 type flap option in smart phone field settings. You can use according to your requirements.

  • Prefix and postfix

    There is an option to remove or use a custom placeholder.

  • Single or dual handle

    Live validation will show whether your typed number is valid or invalid. If the user tries to submit with the wrong phone number, There is a server-side validation. It prevents submitting the form with the wrong phone number.

  • Min & max range

    There are 4 types of notification options in smart phone field settings. By default, you will get a phone number with the country code.

  • Slider variation Pro

    It checks the validation of the phone number. It triggers when the user completes typing or leaves the phone field. It will show a message/icon when validation triggers.

  • Custom range and step Pro

    It supports multistep form. Live validation and prevent submit with wrong phone number will work also.

  • Pips Pro

    In the address field, have an option to auto-select the user country according to the user's IP address.

  • RTL Pro

    In the address field, have an option to auto-select the user country according to the user's IP address.

  • Custom pips Pro

    You can get the user's phone number data in the text field. Ex: country code, name, dial code. It will work when the user changes the country from the dropdown.

  • Show text Pro

    You can get the user's phone number data in the text field. Ex: country code, name, dial code. It will work when the user changes the country from the dropdown.

  • Connect with other field Pro

    You can get the user's phone number data in the text field. Ex: country code, name, dial code. It will work when the user changes the country from the dropdown.

  • Filter hook Pro

    You can get the user's phone number data in the text field. Ex: country code, name, dial code. It will work when the user changes the country from the dropdown.

  • Automatic updates.​

    Get updates and the latest features right in your dashboard.​

How do I enable this functionality?

Slider Type

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Min & Max

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Default Min & Max

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Step

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Prefix & Postfix

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Thousand Separator

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Decimal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Tooltips

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Show Display Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Show pips

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

RTL Support

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Hooks

This filter can be used to modify the options used to initialize a range slider field. The Gravity Forms Range Slider is powered by noUislider.

Parameters

optionsObj - Javascript Object

The current range slider object.

formId - Integer

The ID of the current form.

fieldId - Integer

The ID of the current field.

				
					gform.addFilter( 'gform_number_rslider_options_pre_init', function( optionsObj, formId, fieldId ) {
    if ( formId == 12 && fieldId == 1 ) {
        optionsObj.tooltips = true;
    }
    return optionsObj;
});