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)

Tangkapan Layar

  • 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 Maret 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 Desember 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!
5 Februari 2020
Great plugin for adding interactivity to Gravity Forms. My only issue is I wanted to make a donation for this plugin, but have to put in credit card information vs. being able to make donation via paypal or some other method. Update: 12/29/19 - See comment below and use that link to make a donation via paypal. Thank again for creating an awesome plugin Joshua. Update: 2/5/20 - Feature request for plugin would be to make sure it's compatible with conditional logic. I ran into my first situation last night where I needed to set conditional logic based on a slider value only to find that any slider I create does not show up when creating conditions.
Baca semua 12 tinjauan

Kontributor & Pengembang

“Gravity Slider Fields” adalah perangkat lunak sumber terbuka. Berikut ini mereka yang sudah berkontribusi pada plugin ini.

Para Kontributor

Log Perubahan


  • 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