[Resolved] Hide CRED form success Message

[Author]

Posts

[Tcoffee]

I am trying to: hide CRED form success message

I visited this URL:

I expected to see:

Instead, I got: hidden link

[Tcoffee]

I'm using CRED form in my website to submit a job application for users. Everything works fine but the success message after a successful form submission doesn't disappear(see attached image).
Please help me to hide this message after a few seconds after showing up. Thanks in advance.

You can see the form in action on this link: hidden link
(please click UI designer button after that)

[Carlos Rojas]

Hello,
Thank you for contacting Toolset support. I'll be happy to help you with this.

To hide this message you will have to custom code a solution. I recommend you to use JS to do it, in this link you might find useful tips: https://stackoverflow.com/questions/820951/hide-div-after-a-few-seconds

Please let me know if you need any further assistance and I will be happy to help.
Kind regards,
Carlos

[Tcoffee]

Hi Carlos,
Thanks for the tip, but it hasn't worked for me. Every other element is working fine with that script but not that alert box. here is the code i tried

window.setTimeout(function() {
    $('.alert-success').fadeTo(500, 0).slideUp(500, function(){
        $(this).remove(); 
    });
}, 1000);

Even the alert-danger box is working with this code.hope you can help me on this

[Carlos Rojas]

I would like to request temporary access (wp-admin and FTP) to your site to take better look at the issue. You will find the needed fields for this below the comment area when you log in to leave your next reply. The information you will enter is private which means only you and I can see and have access to it.

Our Debugging Procedures

I will be checking various settings in the backend to see if the issue can be resolved. Although I won't be making changes that affect the live site, it is still good practice to backup the site before providing us access. In the event that we do need to debug the site further, I will duplicate the site and work in a separate, local development environment to avoid affecting the live site.

[Carlos Rojas]

Hi,

I added the code that fade out the success message but you have an error in JS that is causing that the code doesn't work. Please fix this error and check the success message again.
The error looks like this in the console:

Uncaught TypeError: Cannot read property 'querySelector' of null
    at FForm._init (fullscreenForm.js:82)
    at new FForm (fullscreenForm.js:59)
    at (index):679
    at (index):684

Please let me know if you need any further assistance and I will be happy to help.
Kind regards,
Carlos

[Tcoffee]

Hi Carlos,
I don't understand what you have done to make it work and even if you have made it work then why did you remove it from my site.i'm confused.

The second thing the error you have pointed out has nothing to do with the success message script. it is still not working after removing that error.

So can you please fix it for me.

[Carlos Rojas]

Hi,

It seems I didn't save the changes. Please overwrite the actual JS code with this new one:

jQuery( document ).ready(function() {
  jQuery(".alert-success").delay(3200).fadeOut(300);
  console.log( "ready!" );
});

And remove the error in the console.

Regards,
Carlos

[Tcoffee]

Hi,
I'm disappointed to say this but it is still not working, I have added the code you provided and removed the errors. still the same result.

[Carlos Rojas]

Hi,

The issue is solved already. Please note that this is not a _public_ API so this falls into custom development and providing specific solutions for custom code isn't within our scope of support.

Please let me know if you need any further assistance and I will be happy to help.
Kind regards,
Carlos

[Tcoffee]

The issue is not solved, but I'm closing this thread

[Mohammed]

Hi,

This is Mohammed, The Toolset support team leader.

Please accept my apologies for any inconvenience. I may offer you to reopen this ticket to help you or you can post a new ticket and assign it to the supporter you prefer or even to me.

Thanks,
Mohammed.