Form Submit Success Message - Display Duration - Question | JoomShaper

Form Submit Success Message - Display Duration

DB

Dietmar Bauckhage

SP Page Builder 8 months ago

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

0
3 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 8 months ago #183764

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,

0
DB
Dietmar Bauckhage
Accepted Answer
8 months ago #183786

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

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 8 months ago #183868

You are welcome.

Best Regards,

0