Make a message disappear after 5 seconds

  • briar3462
    Asked on November 14, 2021 at 1: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!

  • VincentJay
    Replied on November 14, 2021 at 2: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 Screenshot 10

  • briar3462
    Replied on November 14, 2021 at 2:46 PM

    I am trying to show a message.

    Unfortunately, this doesn't work for many reasons:

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

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

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

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


    Thank you again. Please let me know if you find an answer.



  • VincentJay
    Replied on November 14, 2021 at 4: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.
  • briar3462
    Replied on November 14, 2021 at 4: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?

  • VincentJay
    Replied on November 14, 2021 at 5: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.

  • briar3462
    Replied on November 14, 2021 at 5: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!

  • Laura JotForm Support
    Replied on November 15, 2021 at 1: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.