Create Animation After Clicking Login Button

[fauis]

Hi, I use demo3 template, and when users click log in, there’s pop-up box appear. When users already input the user name & password, and click the login button, the reaction is quite slow. How can I put animation to tell users that their log in is being processed by the server? For example, moving circle like in this screenshot:https://imghostr.com/nB8BDGYsz

[logan]

Hello, it is hard to change the default codex but i can do on the thing, i will share a code that will change the text of the button something like loading or maybe "..." after clicking the login button. that would do the trick. please share page URL and screenshot of the area.

[fauis]

Hi, Here's the link:https://digix.id/home-new/ And here's the screenshot: https://imghostr.com/7yaAkg7NS Thanks

[logan]

Hello, please use this code in wp-admin >> wplms >> footer >> google analytics code. refer: <script> jQuery(document).ready(function($){ $('header.sleek div#vibe_bp_login input#sidebar-wp-submit').click(function(event) { $('header.sleek div#vibe_bp_login input#sidebar-wp-submit').val('Logging In'); setTimeout(function () { $('header.sleek div#vibe_bp_login input#sidebar-wp-submit').val('Log In'); }, 8000); }); </script> }); refer: https://share.getcloudapp.com/Qwu7DBGe

[fauis]

Hi, I already copied the script and put it in WPLMS>>footer >>Google Analytics Code: https://share.getcloudapp.com/qGuopJW5 But it didn't work. Here's the screen recording of the login process: https://share.getcloudapp.com/BluB0xee Did I miss something? Thanks...

[Diana]

<script> jQuery(document).ready(function($){ $('header.sleek div#vibe_bp_login input#sidebar-wp-submit').click(function(event) { $('header.sleek div#vibe_bp_login input#sidebar-wp-submit').val('Logging In'); setTimeout(function () { $('header.sleek div#vibe_bp_login input#sidebar-wp-submit').val('Log In'); }, 8000); }); }); </script>   There was a syntax error in the code. Please check this code

[fauis]

Hi, It works, but I have this error message on the bottom of login box: https://imghostr.com/HrTxXE6Zz It also appear in wordpress login page: https://imghostr.com/eh1WfjmGL Could you fix it? Thanks

[Diana]

@fauis, I checked your site and the text is already there If you will remove the above script, it is not showing the text? Did you checked and confirmed that the text is showing there is due to this code shared above?

[Author]

Posts