Gravity Slider Fields


Gravity Forms does not yet support slider fields. Until that time, this plugin may serve the purpose well.

The plugin adds a new slider field within the advanced field group. Customize your slider with the following set of options.

Supported Options

Native to Gravity Forms

  • field label
  • description
  • number format
  • range
  • handle connects
  • field label visibility
  • description placement
  • custom css class
  • field size
  • admin field label
  • default value
  • visibility
  • allow field to be populated dynamically
  • enable conditional logic


  • value relations (descriptive terms that relate to min & max number values of slider)
  • step (precision of values that can selected along the slider)
  • show value (select whether to hide, show on hover & drag, or always shows the currently selected value)

If value relations have been defined, they will be displayed along with the field label in form entry details and when using merge tags.


In order to play nice with touch devices, Gravity Slider Fields utilizes noUiSlider (developed by Léon Gersen)


  • Rendered sliders
  • Slider field selection
  • Custom slider options


  1. Upload the gravity-slider-fields directory to /wp-content/plugins/
  2. Activate the plugin through the ‘Plugins’ menu in WordPress


Does this plugin rely on anything?

Yes. You must install Gravity Forms for this plugin to work.


7 maart 2020
Esto ha sido una solución oportuna para poder captar los datos de los usuarios mediante un campo de slider. Casi todas las opciones son personalizables, auque tuve que editar el archivo css para poder cambiar el color de relleno del campo. _______________________________________________________________________________ This has been a timely solution to be able to capture user data through a slider field. Almost all options are customizable, although I had to edit the css file in order to change the fill color of the field.
20 december 2019
Does what it says it should. A bit confusing to use at first but once you get over the learning curb it's great. More Docs would be awesome!
Lees alle 13 beoordelingen

Bijdragers & ontwikkelaars

“Gravity Slider Fields” is open source software. De volgende personen hebben bijgedragen aan deze plugin.


Vertaal “Gravity Slider Fields” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.



  • Fix: Properly handle connect option for existing slider fields


  • Allow connecting handle to lower or upper edge


  • Remove call to deprecated GF_Field::get_conditional_logic_event


  • Update noUiSlider to 13.1.4
  • Add calculation merge tags
  • Fix hover-drag issue
  • Fix tab focus issue
  • Fix for error: Slider was already initialized


  • Delay the notice


  • Fix the fix


  • Fixes jQuery error in loading noUiSlider
  • Adds delayed & dismissible admin notice


  • The slider merge tag can now be used in calculations *


  • rewrite codebase to use GFAddOn


  • Plays nicer with Gravity Forms
  • Updates noUiSlider version


  • Adds rendering of field in form editor


  • Added class existence check for GF_Fields


  • Cautionary note in the readme.


  • Fix for slider failure in certain instance


  • Initial Release