Customize the Form Submission Dialog Box.

Please note that this is now available as a plugin for easier installation. While you can use this document as a reference, the recommended method to add this functionality is through the plugin installation wizard. Learn more about plugins here. 

Customize the colors of the dialog box that appears after form submission and set it to disappear/fade out after X amount of time.

Step 1

Add the following code to the CSS tab of your page.  

.form-process-message .alert{
    background-color: #1e88e5;
    color: #fafafa;
}

Step 2

Add the following code to the JavaScript tab of the page. 

TB.render('component_ID', function(data) {
    data.ele.find('.af-form-submit').click(function() {
        data.ele.find('.form-process-message .alert').css('display', 'block');
        setTimeout(function() {
            data.ele.find('.form-process-message .alert').fadeOut("slow");
        }, 3000);
    });
});

Change component ID to your form's component id. Change 3000 to any millisecond value you like.

Original Community Post:

How do I customize the form submission dialog box? - Community Discussions / How Do I - Tadabase Community