Hello,

The silider field can not be required. Is it possible for you to work on this ?

Since my web host migrated my website, I have this error on the frontend: Deprecated: trim(): Passing null to parameter #1 ($string) of type string is deprecated in /data/sites/web/mysite/www/wp-content/plugins/gravity-slider-fields/class-gf-field-slider.php on line 191

I found out this is deprecated since PHP 8.1 (https://stackoverflow.com/questions/71707325/migration-to-php-8-1-how-to-fix-deprecated-passing-null-to-parameter-error-r).

Is it possible to make the slider field required?

As in the user much change the slider before submission?

Just recently the entries are now saving the questions with (0: 0, 10: 10) at the end of each question -think it relates to the scale but not sure why its saving in the entry?!

Hi,

I have a problem with the slider, if i use conditional logic with it, and use the sliders value in order to calculate something in another field.

If the slider is hidden by a conditional logic, and then being shown after the condition have been met(for example depending on which checkbox is checked), its value will no longer work with another field that uses the sliders value in order to do a calculation.

The slider works fine, if the slider is never being hidden by conditional logic.

Have anyone else experienced this error?

Hi,

I am trying out the Gravity Slider Fields and the slider looks nice, however, it also shows a box above the slider where you can see/type a number. Is there a way to hide that? We don’t want it to show.

Screenshot: https://i.imgur.com/ARD604q.png

Thanks!

Is there any way you could suggest how to change the colour of the slider or changing the notch from square to circle? Any help in this area would be great. Thanks!

Hi!
This plugin works fine with GF 2.5+ and I hope that it will receive new updates! ??

I’m here to ask if we can have a minus and a plus buttons on extremeties to facilitate small steps for users on mobile. It’s not so easy to increase/decrease with samml steps the slider.

Thanks!

Hi,

It appears this slider doesn’t support setting a min value less than 0.

Any chance this could be added in a future (very near future) update?

Thanks,
Scott

Hi, i like the idea of having sliders in forms a lot! The problem we are having is some sliders give errors, if visitors don’t ‘change’ the slider while completing the form. (no default value just simple slider with 1-5 value but sometimes the shown value is actually what they need so why bother sliding back and forth) I have no idea why one slider gives errors and the other doesn’t but it’s giving me a headache because if this can’t be fixed i need to find some other solution and that would be a lot of dropdowns and i just liked your sliders, especially for mobile users so hoping you have a solution?

How can I trigger the slider to change/slide/update when the input value of the slider field is changed?
The trouble is my client wants a number input and a slider input to change accordingly when one of those is changed.

The script I have so far is:

function changeInputValue( fieldID, val){
	document.getElementById(fieldID).value = isNaN(parseInt(val, 10)) ? 0 : parseInt(val, 10);
}
function changeRangeValue( fieldID, val){
	var sliderVal = isNaN(parseInt(val, 10)) ? 0 : parseInt(val, 10);
	var slider = document.getElementById(fieldID);
	$(slider).attr('value', sliderVal);
	$(slider).on('change', function(){
		$(slider).next().trigger('update');
	});
}

$("#input_10_7").change(function(){
	changeInputValue('input_10_5', this.value);
});
$("#input_10_5").on('change', function(){
	changeRangeValue('input_10_7', this.value);
});

I can see the input field of the slider gets changed, but how to call the function that slides the handle and changes its value?

The slider – as it should – defaults to the centre point (or A point). However, this means that users can simply click “Submit form” or the “Next” button without being required to select/change the slider point.

How do we make it required to click and slide the slider to a custom point?

It appears a change was made to noUISlider and it broke the handle for the slider. Not sure if you are able to take a look at this and update the plugin so its no longer broken.

https://github.com/leongersen/noUiSlider/issues/1104

** STYLING CHANGES **

https://github.com/leongersen/noUiSlider/commit/fe8118627e4785ce82ae845d6004ba39fcfffaa6

Hi,

I am trying to update the noUiSlider options through the code, but without success.
What is the best way of doing this?

The thing I am current doing is:
var slider = document.querySelector(‘#gsfslider’ + fieldid);

var curVal = $(‘#field_2_’ + val).val();
slider.noUiSlider.updateOptions({
padding: [0, curVal]
});

Im trying to create a calculator with multiple slider values, however it doesnt seem to work.

Does this work with the gravity form calcution functions?

Hi

I made price calculator with Gravity Forms and I was wondering is there way to control prices with this plugin.

The gf slider is perfect on a desktop but is not smooth at all using touch hardware like iphones on both chrome and safari. Can you help please??

Hi, first, thanks for this plugin.

Since I updated to WordPress 5.5.1, my GF sliders always remain at default value (I mean the number which appear below the slider) whether I move the pin to the left or to the right. Anyone else encoutering this issue? If yes, any solution to suggest? Or plugin update?

Thanks for the help, really.

I’ve had some issues come up with a few of my forms after a recent gravity forms update, although I am not sure exactly which one… The forms that I am having issues with, have these fields:

2 Hidden Text Fields
1 Drop-Down Field
2 Slider Fields
1 Email Address Field

The way the form is configured, depending on the option the user selects from the drop-down field, (either “Percent” or “Gallons”), the corresponding number-picker field will display, and the contrasting picker will be hidden. So if the user selects “Gallons” from the drop-down field, the “Percent” number-field will be hidden, and the “Gallons” field will display. Meaning you will only ever see 1 slider field. By default, I have the “Percent” fields showing, and that seems to be working just fine. Its when a user selects “Gallons” (or the non-default option) in the drop-down field, that things start acting weird.

If I have a default value selected for this gallons slider, every submission will be that default value, instead of what I select. So if I have the field set to 500 gallons by default, the value that gets captured will always be 500, even if I enter 250 and submit.

On the other hand, if I do NOT have a default value selected for this gallons slider, the form submission will fail the first time around, but will work on the second try. For some reason, the first time I try to submit, the form displays an error saying that I need to enter a value in that slider field. Without changing any values, if I just go ahead and submit the form again, it seems to capture the correct value.

Hopefully I have explained things well enough for you to understand, but let me know if I can help with anything else!

I will attach a couple GIF’s via a WeTransfer link here

• This topic was modified 4 years, 2 months ago by Dalton.

Hello,

I installed and used the plugin for some days, and now that i’m back from vacations, the plugin seems to be bugged. Slider doesn’t show at all on the form on my site and only shows in the GF admin when i update the form.

I’m running the last version of WordPress, i guess the problem comes from this.

Can we expect an update ?

Thanks.

Hi,

We created a multi-page form using Page field. We placed several sliders in the 3rd page. Upon checking, every time we click next, it is triggering the change event of those slider. The problem is if you have 5 sliders, it is calling the change event 25 times which makes the form very slow/laggy especially in our case as we have a calculation/formula in placed.

In slider.js, you have this code in line 100:
$('.gfield .slider').trigger('change');

Can you fix this please.

Regards

• This topic was modified 4 years, 4 months ago by Xmod08.
• This topic was modified 4 years, 4 months ago by Xmod08.

Hello,

Great plugin – just wondering if it’s possible to have an option to show a scale/pips and possibly define or hook into the scale using nouislider: https://refreshless.com/nouislider/pips/

I’ve tried using the code here https://refreshless.com/nouislider/more/#section-update but haven’t been able to use a jquery selector to define the slider to add pips. Any option to include this in the plugin or perhaps even just a code snippet for how to hook into the update function and we can add them in our javascript file would be great.

Thanks

Hi there,

I’m having an issue with sliders set to the “currency” number format.

I have a range like $0.00 – $500,000.00 but the issue is when a user selects $0.00, the plugin automatically reverts this to 50% of the slider value (instead of showing the value as $0.00).

Is this a known bug? Is there a fix or some sort of workaround?

Thanks!

Hi there,
Thanks for the great plugin. As another user previously mentioned – I have the number format set to 9,999.99, but the shown value gives me numbers without the comma in front of the last 3 zeros, eg. 100000 instead of 100,000 like the format suggests.

Were you ever able to find a fix for this?

Hello, I’m trying to apply some JS to two individual sliders. I have one slider which requests user to input their “Home Value” and the next slider which requests user to enter their “Mortgage Balance”.

I’m trying to set the max value of the “Mortgage Balance” slider to be determined by the user’s input on the “Home Value” slider, as the Mortgage Balance cannot exceed the Home Value.

I’m having trouble finding the actual slider’s input. I checked the source code and it looks like the slider <input> type is a text field, rather than a slider.

For example on the slider field, the input ID is “input_27_27”, however my JS doesn’t seem to trigger this onchange event.

Please help. Is there a different ID set for such a slider on a gravity form #27, field #27?

Thank you

Hello
I am Arafat.

Can anyone help me in showing the number of steps next to the total value?

Please check out the link below, that what I am looking for.

https://gyazo.com/4f6660aa39cc996680f6f0f7b0587d71

Thank you

Hi
I tried to use this filed in RTL website. However, the max value is on left and min is on right.
How can I change it?

2- If I want to modify the min and max based on other value (e.g. if filed 1 in page 1 > 5000, then min is 1500, etc.) how this could be implemented?

Thanks

If you view an entry on wordpress, you can see the field labels for each individual slider.

But if you email the form (as a notification for instance) the field labels don’t appear…

Any idea why?

Hey I am trying to create buttons next to the slider to add the ability to fine tune the selection of the slider by using a plus/minus button to move a single step up or down.

Any time that I try to reset the number input’s value with the button the value doesn’t change. How do I manipulate the slider value with a button?

Regarding this concern,
I posted a solution. But a moderator deleted my answers, inviting me to start a new discussion.
So here is a solution : https://www.salesty.com/slider-test/
I’ve added some pictures following jehf’s request (@jehf)