• Skip to primary navigation
  • Skip to content

GravityWP

The best information about Gravity Forms, GravityView, Gravity Flow and other addons

  • Tutorials
  • Forms
  • Views
  • Workflow
  • PDF
  • Perks
  • Show Search
Hide Search
Erik van Beek

Slider Gravity Forms

Erik van Beek · Feb 17, 2018 ·

Do you want to show a slider in your Gravity Form? This is the way to do it. Simply add a slider and decide how to show it: what is the maximum (in currency, or number) and minimum and which steps can they make. Look at the example below.

Download Gravity Forms Slider Fields
  1. How does Gravity Forms Slider work?
  2. Options in the Slider Field for Gravity Forms
  3. What could be better?
DEMO
  • 4 quarters CSS

  • Fill in a number
  • Gravity Forms - Radio Buttons / Checkbox Images

  • JetSloth - Image Choices

  • Gravity Forms - List

  • Column 1Column 2Column 3Column 4 
  • Gravity Forms - Survey - Stars (rating)

  • GravityWiz - Copy Fields

  • Copy Field

  • Just type something here ;-)
  • Copy Address

  • GravityWiz - Unique ID

  • ovann86 Dropdown List Field

  • Simple dropdownAdvanced dropdown 
    Just click on the '+' sign to add new rows with dropdowns.
  • ovann86 List Field Number

  • US notationEU notationValuta 
  • ovann86 List Field Date

  • Date Format dd/mm/yyyyDate dd-mm-yyyy with IconDefault Date Set yyyy/mm/dd 
  • ovann86 List Field Date

  • Upload 1Upload 2 
  • Slider

  • Perk Word Count

  • Minimal 2 and maximal 6 words.
  • Maximal 144 characters
  • Maximum 1000 characters (default option in GF)
  • GF Survery Ranking

    • First Choice
    • Second Choice
    • Third Choice
    • Fourth Choice
    • Fifth Choice
    • Happy
    • Crazy
    • Not happy
  • GF Survery Likert

  • Strongly disagreeDisagreeNeutralAgreeStrongly agree
  • Strongly disagreeDisagreeNeutralAgreeStrongly agree
    First row
    Second row
    Third row
    Fourth row
    Fifth row
  • Limit Dates

  • Date Format: DD slash MM slash YYYY
    Select your date between today and 1 month ahead. You can only select Tuesdays, Wednesdays and Thursdays in this period. That's what this plugin does, and more. For example you can set fixed dates, ranges from today, etc.
  • Merge tags gravity pdf

  • read-only-fields

  • bar-chart-gravity

  • Not required. We keep you updated about new versions if you fill in your e-mail address here.
  • Please enter a number from 1 to 99.99.
  • Percentage Sign

  • CSS List

    • Check if this is done;
    • Check if that is done;
    • And finally check if everything is done.
  • Gravity Forms Entries in Excel

How does Gravity Forms Slider work?

Gravity Forms Slider adds an extra field option to your Gravity Forms Advanced Fields menu. You should be aware that it’s not tested to much with GravityView, Gravity Flow and GFChart, so to use it is on your own risk. But if you want an easy way to add (range) sliders to your Gravity Forms, this is till now the best solution.

Options in the Slider Field for Gravity Forms

You add a slider and you can choose:
  • Minimum value: where does your slider start?
  • Maximum value: where does your slider end.
  • Step value: which steps should the slider make (1, 3, 5, 100, more, custom)
  • Show value: Is the value (while dragging the slider) hidden, hovered or shown

What could be better?

The current plugin is an excellent start and getting more popular on the WP repository. There are a few improvements possible:
  • Add an option to show the values inside (or under) the slider, this way it's from the start visible what the min and max values are.
  • Add a visual que where the steps are
  • Give an opportunity to set a 'prefix' and 'suffix' to the value uses (at least in the display)

Hire the best developers for Gravity Forms

If you’re looking for good and experienced Gravity Forms developers to help you with your questions about Other GF Add-ons (like Slider Gravity Forms) and other add-ons, we advice you to hire experts on Codeable. Codeable is by far the most professional, dedicated and fun community to find the freelancer you need to help you with your WordPress questions.

Click here to visit Codeable
Download Gravity Forms Slider Fields

Other GF Add-ons

© 2019 - This website is made possible by the wonderful services of
WordPress, GravityForms, GravityView, GravityWiz, Genesis Framework & WP Engine

  • About
  • Hire GF developers
  • Charts
  • Cheat Sheet