No loading indicator after submit is pressed

  • Resolved smyrtue

    (@smyrtue)


    8 years, 6 months ago

    Hi there!

    Thanks for a great plugin 🙂

    I am having a bit of an issue with my forms at the moment. After a user clicks the submit button, it takes a good 5-10 seconds before anything happens. Is there a way to indicate that the button has been pressed? Like a loading icon or a change in the button it self? It takes long enough that a user would think nothing is happening.

    I hope you can help. Thanks in advance!

    Sandra

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • konsument

    (@konsument)

    8 years, 6 months ago

    The loading element is there but empty. Dont know why the loading image is missing. In this case you can easily use the container .ajax-loader and the .is-active class while the form validates:

    div.wpcf7 .ajax-loader {
display:block;
width:50px;
height:50px;
background:red;
opacity:0;
transition: all 0.3s ease;
}

div.wpcf7 .ajax-loader.is-active {
opacity:1;
}
    Thread Starter smyrtue

    (@smyrtue)

    8 years, 6 months ago

    Thanks! I added an animated gif as background and it worked like a charm 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘No loading indicator after submit is pressed’ is closed to new replies.