Fluent Form – URL Parameters and JavaScript

Tech Articles | October 26, 2024 | Bubble

In a follow up to this YouTube video requested by the original poster of the question in the fluent forms community that inspired it, in this video I go into more details about how I would achieve this with some custom JavaScript, CSS and passing URL parameters this is a fully working example of dynamic test based on a binary 1/0 setup to display certain paragraphs a heading with a span class to show the BMI results and dynamic coloured blocks both to the normal BMI scale and in addition for the other blocks based on a 0-100 percentage range.

I did run into a problem as in this example the user wants to use a conversational form at the time of writing it doesn’t appear a conversational form is capable of hidden fields [ff_force_hide] doesn’t work and the documentation makes it clear at the time of writing that they don’t apply to conversational classes – Fluent form Documentation

Hopefully this of some use to others in the future you can download the JavaScript, CSS and some parameter instructions from my gist which is available here

Support the Author

buy me a coffee
Really Useful Plugin Logo
Appoligies for any spelling and grammer issue. As a dyslexic i need to rely on tools for this they like me are not perfect but I do try my best