Code

Discussion on Gravity Forms Range Slider

Discussion on Gravity Forms Range Slider

By
Cart 605 sales

hiilite does not currently provide support for this item.

74 comments found.

Hi, worked very good for me. I have one question. I have a field with pay tax where i have a slider from 0.000 to 10.000 with steps of 0.125. I created this with the slider but it is showing just steps from 1. Is this possible?

Hii moociDev You can achieve this by making sure you set the “Decimals” setting under “Extras” to 3

Hi, I have a presale question:

I need a slider with 5 uneven steps:

5K Increment: $0 TO $40,000

10K Increment: $40,000 TO $200,000

25K Increment: $200,000 TO $500,000

100K Increment $500,000 TO $1,000,000

5M$ Increment $1,000,000 TO $25,000,000

The answer is here: I found this but I have no clue how to implement it with your plugin… Is there a way you can help me out if I buy? Thanks

http://www.janpatricklara.com/2013/09/19/jquery-ui-slider-uneven-steps-or-increments/

Hii, We can implement this as needed using the method found here: https://refreshless.com/nouislider/pips/ We can help implement a custom solution for you with purchase, as we work on implementing a more solid interfaced solution for the next update

Hi! I just did and I sent you an email on the hiilite product support thanks!

I noticed someone asked previously about compatibility with Lastform, sold here on CodeCanyon.

Did anyone ever try that out?

I really need Gravity Forms and LastForm, but your plugin would be nice to have as well.

Hii Daniel, Unfortunately we cannot confirm full compatibility for another paid plugin at this time. However, if you would like to test the our slider on within your form and send us the results, we’d love to know the outcome :) If it does in-fact not cooperate, we can issue a refund You can submit future tickets here: https://hiilite.com/support/request-product-support/

I totally understand. Thanks for your reply. I will try here very soon.

I have bought this item but had problem to keep it running. do you know why? I used it on https://callanerd.help/

Hii Flextexmex, We’ll need some more information on the underlying issue. Submit is ticket through https://hiilite.com/support/request-product-support/ and include links tot he page with the form, versions of WP and GF, and any screenshots of error messages if available.

Hi, can I use one handle selector on woocommerce single product page, so that selected value is added to checkout as note? My developer is asking fortune for that feature (contact lens power selector)

Hii Kameeleon, The slider does have an option for using with just one handle, however, it’s only usable through Gravity forms. You can integrate Gravity forms with WooCommerce using the Gravity Forms Product Add-On [ https://docs.woocommerce.com/document/woocommerce-gravity-forms-product-addons/ ].

Hi, Just purchased this plugin, and works as advertised. Quick Question

I have a function in my theme – which processes the data from the form and then does some calculation on it.

$value = $post_data‘post_custom_fields’;

I tried using this – but I am not getting the appropriate value for this. How do I get the Min and Max value via the code?

Hii, The data is all passed in the post data with a unique key. For example, a slider with the name “input_1” will output the full display text of the sliders values (ex. “5 – 100” ), then you can call the min value with “input_1.1” and the max value with “input_1.2”. I don’t know how you code is pulling, but try doing a data dump of the form data on submission to see where the values are stored. A “print_r()” function for PHP, or a “console.log()” function in javascript. We can also take a closer look it you submit you ticket here: https://hiilite.com/support/request-product-support/

Hello,

I am looking to buy this plugin, can you confirm if it can do this.

I have two custom fields – Min Age and Max Age. Can I use the max and min values from the slider into the custom fields?

Hii pkarthikr, Yes, the min and max values of the range slider have Merge tag associated with them that you can use for custom calculations. You can see an example in the demo form here: https://hiilite.com/knowledge-base/gravity-forms-range-slider/

Any chance you add a placeholder field? I know it might not be used in the traditional sense, but without a placeholder field we can’t easily hide the labels for other fields and only use placeholders.

Hii Isilver, Since there is no visible input fields, there is no place for a placeholder to go. However, the Description field would allow you to include text to label the field. Unless you have another suggestion of functionality you would like to see and we can add it in the next release.

HI, We would like use the plugin but have a few questions.

We need to show a range slider of 0, 100, 200 + more.

Is there a way of setting the more or 200+ value? As we need to use conditional logic to show extra fields if the range exceeds 200 but I dont want to show a numerical value after 200, so 201 etc

Thanks

Unfortunately there is not a built in way to change the display text to show anything but the actual numeric value. However, some fancy jQuery might do the trick. Something like:

jQuery(’#rangeslider_1’).noUiSlider.on(‘change’, function(){ if(jQuery(’#rangeslider_1 .noUi-origin:last-child’).offset().left > 1000) { jQuery(’#rangeslider_1 .noUi-origin:last-child’).find(’.noUi-tooltip’).text(‘More’) } });

You would have to find the exact value for offset left, and would just want it to be for one value (so 201, but no further).

Hi! Is it possible/practical to display sliders vertically? With lowest value at the bottom and highest at the top? Wondering how that would work on mobile devices where the range of the slider is taller than the screen size. Many thanks in advance.

The plugin does not support Vertical sliders in the current iteration, but it is on the road map for the next update :) I don’t see them being an issue on mobile as we would set a max-height to never go beyond the viewport-height.

Hello just purchased. Great product works as advertised. Just one question is there a guide to how to style the slider? For example if I wanted to change the slider color or switch out the know/handle? border thickness etc?

Do you have targeting samples for how you would target the css to alter the look and feel?

Thanks in advance!

Any ideas?

Hii rafman, I’ve updated the documentation with a diagram of some css selectors. You can find it on https://hiilite.com/knowledge-base/gravity-forms-range-slider/

Thanks I was able to figure it out on my own.

If anyone needs an example of the classes I used take a look below.

This assumes that the form id is 5 and that css is turned off in form settings and you add the below in your main style,css sheet.

You can switch ’#gform_wrapper_5 ’ with ’.gform_wrapper’ to apply to all your forms.

/* Top level styling control the overall width, positioning padding etc /

gform_wrapper_5 .gform_rangeslider

{ max-width: 70%; text-align:center; margin-left: 10%; color: #104e83; }

/ changes styling etc for slider left side /

gform_wrapper_5 .gform_rangeslider .noUi-connect {

background: #f6a828;

}

/ changes slider styling right side /

gform_wrapper_5 .gform_rangeslider .noUi-base

{ background: #464436; }

/ changes tooltip styling / #gform_wrapper_5 .gform_rangeslider .noUi-target.noUi-horizontal .noUi-tooltip { }

background-color: #fdf3ae;

/ changes handle styling*/

gform_wrapper_5 .gform_rangeslider .noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {

background: purple; }

Guys,

Question: How can I enable calculation . For example , we need to calculate value of range slider 1 / value of range slider 2×2% on a field. So it would show values according to what the user chooses in slider 1 and 2.

Need this bit urgently. Thank you.

Hii, From what I gather, you just want to create a calculation field ( https://www.gravityhelp.com/documentation/article/using-calculations/ ). Both the min and max values of the slider will show as Merge Tags in the calculation field which will allow you to do your equation. I assume it would be something like this: ({rangeslider:1.1} / {rangeslider:2.1}) * 0.02

That is the question, Which merge tag we should use to get the selected slider value rather than rangeslider:1.1 or rangeslider:1.2 ? rangeslider:1.1 will only select the minimum not the selected value right ?

The merge tag for rangeslider:1.1 is the value of the left handle of the slider, or the value of a single handled slider. rangeslider:1.2 would be the value of the right handle when not using a single handled slider. So they are the user selected values :)

Hello there

I am looking to purchase a range slider plugin but have a few questions, I need the range slider for a timesheet form in making so employees don’t have to work out their hours, they can just put the first point at there starting time (7) for instance and there second point at 16 (for example) to represent 07:00-16:00 - which I’m sure I can do with this, however can I add this field to a LIST in GF . . .

The list field I currently has:

Client (drop down) / job description (text) / hours (number)

I want it to be:

Client (drop down) / job description (text) / hours (range slider) / Total hours (number – calculation: range second pointer minus range first pointer = hours worked)

So is it possible out of the box or using a snippet to add this custom range slider field into a list ? :)

At this time, no :( The Gravity forms list field itself only supports the extended use of the “dropdown” field according to their docs: https://www.gravityhelp.com/documentation/article/gform_column_input/

An alternative to the list field would be to try the Repeater field: https://en-ca.wordpress.org/plugins/repeater-add-on-for-gravity-forms/

However, after testing this myself, the field does not support being in the Repeater field, but it is possible and has been added to our list for a future update.

This looks great!

Can we have it so it’s not a range and is just a slider?!

I want to recreate this:

http://propanefitness.com/calculator/

yes, the first option in the slider allows you to set the slider to be a single handle :)

Hi, I’ve sent you a support ticket 3 days ago, but I haven’t received any reply. Can you please reply?

Just wanted to let everyone know that this is an exceptional plugin, full of useful features and that the support is one of the best I’ve used on Envato marketplace.

If I buy the gravity forms range slider. Would I also need to by gravity forms for it to work?

Yes, the plugin can only be utilized by Gravity Forms.

Hi there,

i have just purchased your Gravity Forms Range Slider and installed and activated – however, now when I go to edit my forms I get the following error message:

Fatal error: Call to undefined method GFAPI::get_fields_by_type() in /var/sites/c/contentovercommonsense.co.uk/public_html/wp-content/plugins/gravityformsrangeslider/rangeslider.php on line 362

this goes away when I deactivate the plugin.

Could you advise on what to do to resolve this error please?

Best wishes

Joe

That method has been available since GF 1.8, what version is your Gravity Forms are you running?

Thank you for the very quick reply!

Not to worry – I ran an update on Gravity Forms and then uninstalled and reinstalled the Slider and it is working now.

Thank you for taking the time to get back to me though :)

Best wishes

Joe

Hi, Can I use your plugin to make a slider like on this page: http://adviser-partner.se/online-training/ Also, I have a few questions: 1. Can you please publish a few more images of your backend. 2. Is there a video guide or a page with demos for setting up different types of sliders? 3. Is there an option to send values from the slider on email as a Request for an offer?

Yes, the slider has an option to make it a single handle slider, and supports calculations. You can see some of this on our demo page here: https://hiilite.com/wordpress-plugins/gravity-forms-range-slider/

The backend if pretty straight forward, all options can be seen on the documentation page here: https://hiilite.com/kelowna-website-design/knowledgebase/gravity-forms-range-slider/

The form will automatically send the display result in emails when using the {all_fields} merge tag, which would output something like ”$124K to $426K” depending on your display settings. But you can also manually add the merge tags for the individual handle values.

Hi, my site uses a floating header but it will not cover the Range Slider no matter how high I set the z-index – do you know how I can cover them?

Ahh, my mistake, so sorry to trouble you – thanks so much for your help! Great plugin by the way!

Hi, sorry to trouble you again, but I’ve noticed the plugin doesn’t work if you use Gravity forms multipart feature (e.g. form Pages) – in testing if I uses the pages feature then the slider default value is saved rather than the actual value entered – using the exact same form without pages everything works fine.

We are looking into the issue. If you can send an email to support@hiilite.com with your purchase code, we can reply with pre-release copy that would have a fix to the issue, before we push it to CodeCanyon.

Hello, this looks like a great addition to gravity forms and something we’ve been looking for, so that our forms are more interactive and less form-like.

We want to use this for fields such as number of bedrooms (1-6) for example. It appears the plugin will do this just fine?

We use plugins by Gravity Perks that allow us to use conditional pricing.

For example; we can say if number of bedrooms equals ‘x’ then use price ‘y’. Will the gravity perks conditional pricing plugin be able to use data from this plugin?

It says above that the plugin has conditional logic, but it doesn’t. Sadly, the pricing functionality of gravity also isn’t able to use the data from the plugin. Sadly it doesn’t do what I need it to do and I’ve opted for another solution. Do you offer a refund policy?

Hii tehkseven, We apologize that slider did not have the functionality you desired. I have actually just pushed an update that fixes the support for Conditional Logic in other fields (before the logic one went one way). Merge tags will also be available in the next update. If you would like the update sooner, send and email to support@hiilite.com, and we can get you the latest update before it’s live on CodeCanyon. If you would still prefer a refund, please open a Refund Request through CodeCanyon ( https://codecanyon.net/refund_requests/new ) they’ll be able to facilitate the reimbursement :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey