Wapuloader for Contact Form 7

  • awesiome

    (@awesiome)


    7 years ago

    Hello,

    I recently donated to contact form 7 by buying the Wapu plugin to replace the Ajax loader. However the plugin doesn’t seem to be working on my site. Interestingly, the old ajax rotating arrow doesn’t show up at all. Everything else works perfectly though. It is just that there is no feedback when a user clicks the submit button.

    If you have a minute to help, I would appreciate that.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter awesiome

    (@awesiome)

    I have done a bit of investigating and the plugin is being loaded but not being shown properly. This is what is happening on the pages with contact forms:
    1. The wapu image is loaded but the css for the class is set to visibility:hidden.
    2. The visibility: hidden setting doesn’t change when you submit the form. So if I use chrome browser and inspect the page and manually change the visibility option and then click submit, I see the wapu loader functioning. (It looks very cool by the way.)

    The problem is the visibility: hidden. It doesn’t change on clicking submit. Additionally, the css class has a display:inline-block setting but it needs to be set to display:none !important before the button is clicked. Because the space that the wapu image takes up is still being shown below the submit button as empty space since visibility is hidden but display is set to inline-block.

    So what I need help with is making sure that after clicking submit, the visibility:hidden changes to visibility:visible. And before clicking the submit button, display should be display:none. On click then it becomes display:inline-block.

    Thread Starter awesiome

    (@awesiome)

    Here is a css solution that I tried to use to fix the problem:

    .wpcf7-submit:active + .ajax-loader {visibility:visible !important;}

    The problem with the above solution is that it shows the wapu image for a very short time. Probably less than a second since the :active state only stays while the button is clicked.

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    Can I see the site you use Wapuloader?

    Thread Starter awesiome

    (@awesiome)

    https://www.weetaase.com/order

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    The theme you are using is apparently causing trouble and that results in malfunction of the plugin’s JavaScript. Try switching to the default theme temporarily.

    Thread Starter awesiome

    (@awesiome)

    I cannot replace the theme at this time unfortunately. I will attempt to find a solution to the problem and get the wapu loader to work with this theme.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Wapuloader for Contact Form 7’ is closed to new replies.