“Something went wrong” error message

Hi @ph59,

I gave a quick test but the form got submitted without any issue for the 1st time, then I tried to submit the form once more by adding a bigger description for each Text Area field and I noticed the “Something Went Wrong” message which is odd.

Possible to share the form export so that we could have a better idea regarding the issues noticed?

Please check the following doc on how to export a form:
https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

If you are concerned about any sensitive information in the form, then you can duplicate your form, remove any sensitive information, and then export it.

You can share the export file via Google Drive, Dropbox or any cloud services in the next reply.

Looking forward to your response.

Best Regards,

Nithin

Hi,

You will find the file here.

Thanks again.

Hello @ph59,

Thank you for sharing the form export.

I’ve imported and tested it on my lab site, but could not replicate the issue, even with large chunks of text posted.

It looks like your site is connected to CloudFlare. Although I tested your form on a site with GeneratePress, and CloudFlare connected, toggling various options, could you test it on your end as well.

Please temporarily enable “Development Mode” in CloudFlare, and purge cache:
https://developers.cloudflare.com/cache/reference/development-mode/#enable-development-mode

then test if you’re able to submit the form with the same data.

If that still doesn’t help, I’d suggest to create a staging site (a copy of the live site), and run a conflict test there.

A conflict test would be testing the form with default theme active, and after switching other plugins on/off as explained here:
https://wpmudev.com/docs/getting-started/getting-support/#conflict-test

Let us know what was the result of the above tests.
Looking forward to your reply!

Best Regards,
Dmytro

Thanks Dmytro,

I will first create a new form and see how it goes.

Hi @ph59,

Sure, sounds good. Please do keep us posted on how that goes.

Best Regards,

Nithin

Hi,

Wait for it. The “Something went wrong” seems to be triggered because I was copy/pasting the same text in all fields. It had to be something that stupid (assuming it really is) since all other forms I have work normally.

One last thing: Can the color of the Save as Draft link be customized?

Hello @ph59 ,

Yes, it is possible to change the color of elements using custom CSS. To achieve this, follow these steps:

1. Log in to your WordPress dashboard.
2. In the menu section, hover your cursor over “Appearance.”
3. Click on “Customize.”

Now, you’ll be in the WordPress Customizer. To access the Additional CSS option, which allows you to add custom CSS code, usually located at the bottom of the menu, follow these steps:

4. Locate the “Additional CSS” option. It’s typically found at the bottom of the menu.
5. Open the “Additional CSS” section.

Once you’re in the Additional CSS section, you can add custom CSS code below to style specific elements on your website. For example, if you want to change the color of the “Save as Draft” link when it’s disabled (i.e., when users haven’t entered any text in the provided fields), you can add the following CSS code:

.forminator-save-draft-link.disabled {
    color: black !important;
}

This CSS code instructs the browser to make the “Save as Draft” link appear in black when it’s disabled.

If you want to change the color of the “Save as Draft” link to a more noticeable blue color when users enter text in the text fields, you can add the following CSS code:

.forminator-save-draft-link {
    color: blue !important;
}

You can choose to add this second CSS code if you want the link to turn blue when users interact with it by entering text in the text fields.

Remember to save your changes after adding the CSS code, and you’ll see the desired color changes on your website.
@wpmudevsupport11 @wpmudevsupport16

• This reply was modified 1 year, 5 months ago by Olumide Akintunde.
• This reply was modified 1 year, 5 months ago by Olumide Akintunde.

Fantastic! Can the background of this “Your form has been saved as draft and a resume link has been generated so you can return to the form anytime within…” message be customized too?

Hello @ph59 ,

I’m pleased that I could assist with the previous task. To proceed further, I’ll need your permission to submit the form on your behalf. My plan is to input the word “Test” into all the text fields. This will allow you to easily distinguish the form submissions originating from my end.

• This reply was modified 1 year, 5 months ago by Olumide Akintunde.

Ok. What for?

Besides, if you just put “test” or one same text in all form fields you will get the “Something went wrong” error message this support thread originated from.

Apologies for the misunderstanding your request. Could you please specify the background color you desire? Once I have that information, I can provide you with the corresponding CSS code. Thank you.

Hi,

That would be #F0F1F1

Hello @ph59 ,

I appreciate your prompt response and the information provided.

To accomplish the desired outcome, kindly follow the steps outlined previously for accessing the additional CSS section. Once there, please insert the following code:

.forminator-draft-notice.draft-success {
    background: #F0F1F1!important;
}

By implementing this code, you will successfully modify the background color of the Draft notice success message to your preferred choice.

Remember to save your changes after adding the CSS code, and you’ll see the desired color changes on your website.

Thank you for your cooperation.

Best regards,
Olumide Akintunde

Hi,

Simple enough. What are the codes to change the color of the vertical green line next to the message and that of the Send Draft Link button? See picture: https://postimg.cc/N5RfKyxJ

Thanks again.

Hi @ph59 ,

To change the color of the vertical green line next to the message and that of the Send Draft Link button, you can use the following CSS code:

For the vertical green line:

.forminator-draft-wrap .forminator-draft-notice.draft-success {
  -webkit-box-shadow: inset 2px 0 0 0 #F0F1F1;
}

For the Send Draft Link button:

.forminator-button-submit {
  background: #1f72be !important;
}

You can modify the color code to your preferred color…

If you have any further questions or need assistance with anything else, feel free to ask.

Best regards,
Olumide Akintunde