Form Builder: See Errors button

  • goldtravelinformativo
    Fecha de consulta 22 de enero de 2025, 16:10

    Como cambiar el idioma o el boton de "See errors" es que lo quiero poner en español


    Form Builder: See Errors button Image 1 Screenshot 20

    Jotform Thread 23320421 Screenshot
  • Cade Jotform Support
    Fecha de respuesta 23 de enero de 2025, 6:59

    Hi goldtravelinformativo,

    Thanks for reaching out to Jotform Support. I understand what you’d like to do, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

    We appreciate your patience while we work on a solution.

  • Cade Jotform Support
    Fecha de respuesta 23 de enero de 2025, 7:39

    Hi goldtravelinformative,

    Thanks for using Jotform. You can change the language of See Errors and Done by injecting custom CSS codes into your form. Let me show you how:

    1. In Form Builder, click on the Paint Roller icon to open the Form Designer.
    2. Click on the Styles tab and scroll down to Inject Custom CSS.

    Form Builder: See Errors button Image 1 Screenshot 30

    3.Copy and paste the following codes in the text box provided:

    form-all .error-navigation-next-button:after {
      font-size : 14px;
      content : "Ver Errores";
      visibility : visible !important;
      padding-left : 25px;
      padding-right : 25px;
      padding-bottom : 5px;
      padding-top : 5px;
      background-color : #fff;
      border-radius : 7px;
    }

    .form-all .error-navigation-done-button:after {
      font-size : 14px;
      content : "Hecho";
      visibility : visible !important;
      padding-left : 25px;
      padding-right : 25px;
      padding-bottom : 5px;
      padding-top : 5px;
      background-color : rgb(24, 189, 91);
      color : rgb(255, 255, 255);
      border-radius : 7px;
    }

    Check out my screencast to see the result:

    Form Builder: See Errors button Image 2 Screenshot 41

    Give it a try and let us know if you need any help.


  • goldtravelinformativo
    Fecha de respuesta 29 de enero de 2025, 19:23

    Form Builder: See Errors button Image 1 Screenshot 20

    Buen dia

    lo copie y pegue tal cual y no funciono

  • Shirized Jotform Support
    Fecha de respuesta 30 de enero de 2025, 8:14

    Hi goldtravelinformative,

    I can see here that your concern has been escalated to our Developer Team. Although we don't know exactly when it'll be fixed, we’ll circle back to this thread when we have an update.

    Thanks for your patience and understanding, we appreciate it.

    Form Builder: See Errors button Image 1 Screenshot 20

  • Alaska Jotform Support
    Fecha de respuesta 6 de febrero de 2025, 4:11

    Hi goldtravelinformative,

    I cloned your form and tested another Custom CSS code, and it worked on my form. The issue has been escalated to our Developer Team, but you can try another Custom CSS code in the meantime. Can you go ahead delete the old code and check the new one?  Let me show you how:

    1. First, copy this code:

    .error-navigation-next-button, .error-navigation-done-button {
        font-size : 0 !important;
        visibility : hidden !important;
    }


    .error-navigation-next-button:after {
        display : grid !important;
        align-items : center !important;
        height : 40px !important;
        font-size : 16px !important;
        color : rgb(44, 51, 69) !important;
        padding : 0 20px !important;
        border-style : initial;
        border-color : initial;
        border-image : initial;
        font-weight : 500 !important;
        cursor : pointer !important;
        content : "Ver Errores" !important;
        visibility : visible !important;
        padding-left : 25px !important;
        padding-right : 25px !important;
        padding-bottom : 5px !important;
        padding-top : 5px !important;
        background-color : #fff !important;
        border-radius : 4px !important;
    }


    .error-navigation-done-button:after {
        display : grid !important;
        align-items : center !important;
        height : 40px !important;
        font-size : 16px !important;
        padding : 0 20px !important;
        border-style : initial;
        border-color : initial;
        border-image : initial;
        font-weight : 500 !important;
        cursor : pointer !important;
        content : "Hecho" !important;
        visibility : visible !important;
        padding-left : 25px !important;
        padding-right : 25px !important;
        padding-bottom : 5px !important;
        padding-top : 5px !important;
        background-color : rgb(24, 189, 91) !important;
        color : rgb(255, 255, 255) !important;
        border-radius : 4px !important;

    }

    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 old Custom CSS code, and paste the new code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Form Builder: See Errors button Image 1 Screenshot 30

    Check out my screencast to see the result:

    Form Builder: See Errors button Image 2 Screenshot 41

    Give it a try and let us know if you have any other questions.

Su respuesta