[Résolu] Submit form with AJAX – spinner causes my submit button to move
This support ticket is created Il y a 3 années et 10 mois. There's a good chance that you are reading advice that it now obsolete.
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.
I've tried the CSS below, which stops the Submit button moving on my front end form, but shoots the spinner off to the far right (of course).
It doesn't stay on screen long enough for me to use Inspect Element. I added the red to just show what's happening a little clearer. Could you let me know how I could change the CSS to stop my button moving.
.loading-spinner {
background-color: red !important;
text-align: right !important; padding-top:10px !important;
}
Hello and thank you for contacting the Toolset support.
To better assist you with this issue, I'll need to take a look at your form. I wonder where is this form used?
Would it be possible to allow me temporary access to your admin area for a closer look? If yes, Your next reply will be private to let you share credentials safely. ** Make a database backup before sharing credentials. **
Thank you for the credentials. I was able to check the styles for the spinner by configuring my browser to simulate a slow connection with high latency. This let me take a screenshot from the developer tools, check this screenshot hidden link
It seems that the background is applied by the theme styles, you will need to write a custom CSS code on the form or the page to override the theme styles.
Check this screenshot to define a network profile on chrome hidden link
Then use the profile from the network tab. Check this hidden link
I hope this helps. Let me know if you have any questions.
Yes, I put the background on, see my opening post, the CSS there and the two images to show you how it pushes the submit button down.
So the background isn't the issue.
The issue is that it moves my submit button. I just want to know the CSS to apply to stop this happening. I tried float right, but there isn't a containing div.
I'll look at your links, but this will be happening to everyone using a standard form... so should be fixed at source.