Show hint example based on condition

  • ctphoto
    Asked 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"

  • Charlie
    Replied on February 17, 2015 at 11:32 AM

    Hi,

    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.

    Thank you.

  • ctphoto
    Replied on February 17, 2015 at 11:44 AM

    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"

  • Charlie
    Replied on February 17, 2015 at 12:10 PM

    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.

    Kind regards.

  • ctphoto
    Replied on February 17, 2015 at 1:01 PM

    Many thanks.

     

  • Ben
    Replied on February 17, 2015 at 2:33 PM

    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):

    Show hint example based on condition Image 1 Screenshot 30

    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:

    Show hint example based on condition Image 2 Screenshot 41

    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.

  • ctphoto
    Replied on February 17, 2015 at 3:22 PM

    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.

  • Ben
    Replied on February 17, 2015 at 4:32 PM

    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.

  • ctphoto
    Replied on February 17, 2015 at 4:35 PM

    I followed your suggestion and did a slight variation of it and it works perfect. See: https://stillrivereditions.com/files_received_order_form.php

  • Ben
    Replied on February 17, 2015 at 5:41 PM

    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.