uamv

<p>Gravity Forms does not yet support slider fields. Until that time, this plugin may serve the purpose well.</p>
<p>The plugin adds a new slider field within the advanced field group. Customize your slider with the following set of options.</p>
<h4>Supported Options</h4>
<p><strong>Native to Gravity Forms</strong></p>
<ul>
<li>field label</li>
<li>description</li>
<li>number format</li>
<li>range</li>
<li>handle connects</li>
<li>field label visibility</li>
<li>description placement</li>
<li>custom css class</li>
<li>field size</li>
<li>admin field label</li>
<li>default value</li>
<li>visibility</li>
<li>allow field to be populated dynamically</li>
<li>enable conditional logic</li>
</ul>
<p><strong>Custom</strong></p>
<ul>
<li>value relations (descriptive terms that relate to min & max number values of slider)</li>
<li>step (precision of values that can selected along the slider)</li>
<li>show value (select whether to hide, show on hover & drag, or always shows the currently selected value)</li>
<li>connect (visually connect the handle to the upper or lower edge of the slider)</li>
</ul>
<p>If value relations have been defined, they will be displayed along with the field label in form entry details and when using merge tags.</p>
<h4>Credits</h4>
<p>In order to play nice with touch devices, Gravity Slider Fields utilizes <a href="http://refreshless.com/nouislider" title="noUiSlider" rel="nofollow ugc">noUiSlider</a> (developed by <a href="http://twitter.com/LeonGersen" rel="nofollow ugc">Léon Gersen</a>)</p>


Gravity Slider Fields

This looks and appears nicely on Gravity Forms. However, I have calculated fields and it's only taking the default value I've set and not the updated value. My confirmation message repeats the slider value... and it's not the actual slider value it's the default.

Not working with calculated fields

qstudio

<p>This is an add-on for the <a href="https://wordpress.org/extend/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields</a> WordPress plugin, that allows you to add a Number Slider field type.</p>
<p>This plugin uses the Simpler Slider jQuery library by James Smith – http://loopj.com/jquery-simple-slider/</p>
<p>For feature request and bug reports, <a href="https://qstudio.us/topic/advanced-custom-fields-number-slider" rel="nofollow ugc">please use the Q Studio Support Website</a>.</p>
<p>Please do not use the WordPress.org forum to report bugs, as we no longer monitor or respond to questions there.</p>
<h4>Compatibility</h4>
<p>This add-on will work with:</p>
<ul>
<li>Advanced Custom Fields version 4 & 5</li>
</ul>
<h4>More Information</h4>


Advanced Custom Fields: Number Slider

I used the field in CSS for the opacity of an overlay effect. I think the styles of the slider should be inherited from the user color scheme rather than the green color included in the plugin.



Almost Perfect

Number Slider field for Advanced Custom Fields

Gravity Slider Fields vs Advanced Custom Fields: Number Slider