Form Language Settings: How to Translate 'See Errors' and 'Done' Buttons in Error Navigation Bar

Dear Jotform Support Team,

I am contacting you because I need help with the translation of two system buttons that appear in the error navigation bar of my form.

The form language is already set to Italian, and I have also customized the error messages through the Form Warnings section. However, when a user tries to submit the form with missing required fields, the navigation bar still shows the buttons “See Errors” and “Done” in English.

I would like to translate them into Italian as follows:

• See Errors → Correggi gli errori
• Done → Fatto!

I would like to know whether there is a setting that allows me to translate these buttons, or whether it is possible to solve the issue with a custom CSS or JavaScript code.

Could you please help me understand the correct way to translate these two buttons?

Thank you very much for your support.

Kind regards,

Giorgia Paniati

Hi Giorgia,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

At the moment, the available settings and translation tools let you:

• Set the form language to Italian and/or make the form multilingual.
• Translate all standard warnings via Form Warnings.

However, there is no specific option documented to individually rename the system buttons in the error navigation bar (like “See Errors” and “Done”), and there is no official guidance that confirms they can be safely overridden via custom CSS or JavaScript. The information available only covers:

• Changing the interface language (account and general Jotform UI).
• Making forms multilingual and translating fields and warnings.
• Customizing the text of form warning messages.

Since there is no reference to those two button labels in the configurable warnings or translation settings, and no documented method to change them with CSS/JS, there is no supported way described to translate “See Errors” and “Done” to custom text such as “Correggi gli errori” and “Fatto!”.

After we hear back from you, we’ll have a better idea of what’s going on and how to help.

Reach out again if you need any other help.

Thank you very much. Would it be possible to ask your support team to directly fix this bug on my form?

Hi Giorgia,

At the moment, the available information only covers how to:

• Change your Jotform account interface language.
• Make forms multilingual and translate fields.
• Customize standard form warning messages.

There is no documented option or process that allows the support team to directly modify or override those specific system button labels (“See Errors” and “Done”) on an individual form, and no mention of a per-form manual fix for them.

Because of that, we do not have a supported way described to request a direct adjustment of those two buttons on your specific form. If this behavior changes in the future, it would come through a platform update rather than a one-off change on a single form.

Let us know if you have any other questions.

Ok, thank you!

Hi Giorgia,

You can easily change the text in the error button via CSS. Let me walk you through it:

1. First, copy this code:

/* Code to Translate the buttons in the error navigation bar - 38689221*/

html[lang="it"] button.error-navigation-next-button {

  font-size: 0 !important;

  line-height: 0 !important;

  color: transparent !important;

  text-shadow: none !important;

  overflow: hidden !important;

  position: relative !important;

}

html[lang="it"] button.error-navigation-next-button::after {

  content: "Correggi gli errori" !important;

  font-size: 16px !important;

  color: #000 !important;

  display: inline-block !important;

}

html[lang="it"] button.error-navigation-next-button.error-navigation-done-button::after {

  content: "Fatto!" !important;

  font-size: 16px !important;

  color: #000 !important;

  display: inline-block !important;

}

html[lang="en"] button.error-navigation-next-button {

  font-size: 0 !important;

  line-height: 0 !important;

  color: transparent !important;

  text-shadow: none !important;

  overflow: hidden !important;

  position: relative !important;

}

html[lang="en"] button.error-navigation-next-button::after {

  content: "See Errors" !important;

  font-size: 16px !important;

  color: #000 !important;

  display: inline-block !important;

}

html[lang="en"] button.error-navigation-next-button.error-navigation-done-button::after {

  content: "Done!" !important;

  font-size: 16px !important;

  color: #000 !important;

  display: inline-block !important;

}

/* Code Ends Here */

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and delete the existing code.

4. Finally, paste the new code into the Inject CSS Code box. That’s it. The code is automatically saved.

Result:

Give it a try and reach out again if you have any other questions.