Formidable Forms Community Site

The Community forums are being phased out in favor of a new Slack group.
Add your email address below to get an invitation to join the community slack group

Slack Signup
Newsletter Optin
Help Desk
Subscribe

Price Slider Question in Regard to Conditional Section

Labels

This Discussion is public

Notifications

Hi All - Formidable Pro user here. We are making use of the "Slider" form field to show/hide a section that displays pricing tables and I would like to know if it can show/hide automatically, as the slider is moved, versus waiting until the user releases the mouse pointer.

Ex:

  • Slider range between 1 - 500.
  • 5 Conditional sections. 1 each for 1-100, 101-200, 201-300, etc, up to 500.
  • 1-100 section shown on page load.
  • As the user slides from 100 to 199, I'd like the conditional section to automatically change to the new conditional section.

Does anyone know if this is possible?

Currently, if they slide to 150 for ex, the conditional section does not update until they release.

Thanks in advance,

This little jQuery snippet reads the input value of a slider in real time.


jQuery(document).ready(function ($) {
"use strict";
$("#field_l6zug").on("input", function() {
$("#field_97w00-0").val($(this).val());
});
});

For my testing, all I am doing here is displaying the real-time slider value in a text field. This proves you can capture the value in real-time.

What you have to do at this point is write the code to display/hide the conditional areas based on the slider value. Hope it helps you achieve your goal.

Discussion closed.