Form Submit Success Message - Display duration - Forum | JoomShaper
Staff replied SP Page Builder

Form Submit Success Message - Display duration

Asked by Dietmar Bauckhage 1 year ago Last activity 1 year ago

How do I change the display duration of the message after successfully submitting the form? The display duration is too short.

2 replies

Ziaul Kabir Staff
1 year ago · edited

Hello Dietmar,

Thanks for reaching out!

Currently, SP Page Builder Form Addon does not provide a built-in option to adjust the success message display duration. However, you can manually extend the duration using custom CSS or JavaScript.

Solution: Custom JavaScript

If you want to keep the success message visible for a longer time, you can add the following script to your template’s custom js field:

<script>
setTimeout(function() {
    let successMessage = document.querySelector('.sppb-ajax-contact-status');
    if (successMessage) {
        successMessage.style.display = 'none';
    }
}, 5000); // Change 5000 to your desired duration in milliseconds (5000 = 5 seconds)
</script>

Alternative Solution: Custom CSS (For Visibility Only)

If the message disappears too quickly due to animations, you can try this CSS:

.sppb-ajax-contact-status {
    animation: fadeOut 10s forwards; /* Adjust 10s to your desired duration */
}

Let us know if you need further assistance!

Best regards,

Dietmar Bauckhage Asked this
1 year ago · edited

Hello Ziaul,

I use Formbuilder NOT Contact Form

script adding to template’s custom js field has unfortunately not brought about any change.

Fade out in custom.css works. Thank you for that.

SP Pagebuilder 5.5.1
Helix Ultimate 2.1.1

Best regards

Ziaul Kabir Staff

You are welcome.

Best Regards,

Log in to reply.