What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Show hint example based on conditionAsked by ctphoto on February 17, 2015 at 10:01 AM
Is there a way to show a "hint example" in a field based on a condition picked? On my form if a certain Type of Print is picked I would like it to add the hint example in my Image Size field that the size is limited to 12"x18"
hint size print image size conditions show / hide
Unfortunately, it is not possible, there's no function or feature in the form builder to set conditions to show specific hint text. But, this can be done if you will use the form's full source code and add your custom function to show hints depending on where the mouse hovers.
We could help you on this but would need a couple of coding to make it work.
I am game to try that. I would need it for two form fields, Image Size and Paper Size. If it can say Maximum size 12"x18"
Thanks for giving additional information.
I'll try to get a working solution, although it would be quite hard so please do allow us more time on this. However, I can't promise a well written code, I'll clone your form and study it first. I'll get back to you when I managed to make it work.
If you would like to have a solution based in jotform alone, there might be a way, but we would need to cheat a bit, so we will keep it to our selves ;)
The way I see, you need to have the Image size field show to your users a hint about the maximum size allowed and there are 2 ways to do this (both similar), but this one is best since it requires no CSS codes, just a bit of conditions.
If it does not work for you, we can give the second option a try as well, so just let us know :)
OK, what we need is to:
1. duplicate the Image size field.
2. in the second one set the hint ( I believe that you wanted Hover Text option)
3. set conditions to show the one with hint and hide the one without it if certain field is selected.
This is how the jotform looks: http://form.jotformpro.com/form/50475849457974
As you will see, you will see no change, it will seem as if the same field is shown.
This is how the condition looks ( I altered the one you already had set for that option):
The only possible downside might be the email sending options typed into both input boxes, but we can remove that by adding another condition to update the value of the field, like so:
Basically updating the value with the space if the right option is not selected.
Please do test the jotform and if you like it, feel free to clone it to your account by following these steps: How to Clone an Existing Form from a URL
If you have any questions or need any assistance, do let us know.
I had thought of doing that but was hoping there was just some option I was missing when I first posted this question. I will go your route. Many thanks.
You are welcome. At this time there is no option for this in conditions, but it might be possible in future versions.
Please do let us know if you have any questions or need assistance with something and we would be happy to assist.
I followed your suggestion and did a slight variation of it and it works perfect. See: https://stillrivereditions.com/files_received_order_form.php
Nice, I see, you have added the Hint Example instead of the Hover text :)
I would only recommend to add the condition that would erase the content of that second box just in case someone filling out the jotform changes their mind, so that you do not get 2 values added there.
The same can be set for the first textbox as well, so only one image size value is sent to you.