Spinning wheel + message

  • Resolved vkeves

    (@vkeves)


    1 year, 7 months ago

    Hello,

    Is there a way to add a message next to the spinning wheel?

    Something like “Please wait, we are processing your request.”

    Sometimes it can take a few seconds for a message to be submitted and, despite the spinning wheel spinning, users still tend to click Submit multiple times.

    I don’t want to replace the spinning wheel with the message, just add a message next to it. Is it possible?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    During a submission, the form element has the submitting class. Utilizing this, you can make a paragraph that is visible only in submission.

    HTML:

    <p class="only-visible-in-submission"> Please wait, we are processing your request. </p>

    CSS:

    .only-visible-in-submission {
  visibility: hidden;
}

form.submitting .only-visible-in-submission {
  visibility: visible;
}

    The spinner icon uses the same technique.

    Thread Starter vkeves

    (@vkeves)

    That’s great, thank you!

    • This reply was modified 1 year, 7 months ago by vkeves.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Spinning wheel + message’ is closed to new replies.