Make a message disappear after 5 seconds

  • Profile Image
    briar3462
    Asked on November 14, 2021 at 01:35 PM

    Hi!


    I would like a message to appear for 5 seconds in my form and then disappear. I can't figure out how to do this with show / hidden or any of the widgets.


    Please let me know how to do this or if there is CSS code that can do it.


    Thanks!

  • Profile Image
    VincentJay
    Answered on November 14, 2021 at 02:36 PM

    Hi,

    May we know what message are you referring to? Is it a form field or a paragraph field?

    Please try this workaround. Add a time field to your form and set it to Current. After that, create a Show or Hide condition. Example: If the time value is met, show the Name field.

    1636918284_6191640c0dacf_ac12as251.png

  • Profile Image
    VincentJay
    Answered on November 14, 2021 at 04:16 PM

    Hello,

    Unfortunately, the seconds are not available in the time field. Do you just want to show/hide the message in 5 seconds? May we know what message is that?

    We have a widget (Global Countdown: https://www.jotform.com/widgets/global-countdown) that will auto-submit the form or disable the submit based on the minutes or seconds you prefer.

    Would that work for you?

    1) There's no "second" field available in your time field

    • You're correct. The seconds in the Time field are not available.

    2) How do I know what time the user will be using the form

    • If it is set to the current option, it will show the time based on the user's end.

    3) How do I calculate 5 seconds from the time that the current time?

    • Unfortunately, this is not currently possible at the moment.

    4) How do I set the start time to after a certain condition has been met not just when the form has been opened?

    • Unfortunately, this is not possible. However, you can set the time field to None and let the user add the time manually.
  • Profile Image
    briar3462
    Answered on November 14, 2021 at 04:24 PM

    None of that would work.

    I have a message that I would like to appear in my "Sign PDF" form for 5 seconds. Can it be done with CSS?

  • Profile Image
    VincentJay
    Answered on November 14, 2021 at 05:44 PM

    Are you referring to this form? https://www.jotform.com/form/213146620505042

    Do you want to show the message immediately once the user opens the form and hide it again after 5 seconds? Please keep in mind that we do not have a feature to achieve this, I am collecting more information in case we can check if there's a workaround for it.

    We'll wait for your response.

  • Profile Image
    briar3462
    Answered on November 14, 2021 at 05:54 PM

    It is form: https://eu.jotform.com/build/213146620505042

    I want them to click, "show message" and then have the message appear for 5 seconds.


    You also did not answer my question about whether or not it could be done with CSS. If you do not know, then maybe one of your colleagues might?

    Thank you again for your help!

  • Profile Image
    Laura_L
    Answered on November 15, 2021 at 01:30 AM

    Hi,

    Thank you for giving us a link to the form.

    I'm afraid that it is not possible to hide the message after a specific time with CSS.

    The field can be hidden with other conditions by using conditional logic, but unfortunately there is no option to adjust the time for the condition.