Change print and reset button language

  • Profile Image
    AMPASantiago
    Asked on August 09, 2013 at 10:06 AM

    (Google Traslator)

     

    Hello

    I have a form that I added a reset button and a print button .. I do not know why, but when I'm working on JotForm, the buttons look good "in Spanish", but when I close JotForm, the texts of these buttons out in English ...

    http://www.apasantiagoapostol.org/afiliate.htm


  • Profile Image
    pinoytech
    Answered on August 09, 2013 at 12:32 PM

    Hi,

    Inject this custom css into your form.

    .form-submit-reset, .form-submit-print{

    font-size:0 !important;

    }

    .form-submit-button{

    border-radius: 0 !important;

    -moz-border-radius:0 !important;

    }

    .form-submit-reset:before {

    content: "Borrar formulario";

    font-size: 12px !important;

    }

    .form-submit-print:before {

    content: "imprimir";

    font-size: 12px !important;

    }

    .form-submit-print img {

    display: none;

    }

    Kindly take a look at this cloned form: http://www.jotformpro.com/form/32204549771960

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image
    EltonCris
    Answered on August 09, 2013 at 12:33 PM

    Hi,

    Here's another solution. Simply inject the following CSS codes to your form.

     

    #input_reset_2, #input_print_2 {

    font-size: 0;

    }

    #input_reset_2:before {

    content: "Borrar";

    font-size: 12px;

    }

    #input_print_2:after {

    content: "Impirir";

    font-size: 12px;

    }

     

    You can replace the bolded text to the appropriate text you want.

    Guide: How to Inject Custom CSS Codes to your Form

    Thanks!

  • Profile Image
    EltonCris
    Answered on August 09, 2013 at 12:35 PM

    Sorry for the double post. I just want to point out that my CSS retains the print icon so whichever you choose, both my colleagues code and I works for you.

    Thanks!

  • Profile Image
    Alvaro
    Answered on August 29, 2013 at 02:51 AM

    Hola:

    Gracias por la respuesta y disculpas por el retraso de mi agradecimiento....

    Hice lo de incrustar el css pero ninguno de los códigos funciono

    adjunto imagen

  • Profile Image
    EltonCris
    Answered on August 29, 2013 at 03:25 AM

    @Alvaro 

    I have fixed your form with the following code. Kindly check it now.

    .form-submit-reset:after{

    content: "Borrar";

    font-size: 12px;

    }

    .form-submit-print:after {

    content: "Impirir";

    font-size: 12px;

    }

    .form-submit-reset, .form-submit-print{

    font-size:0 !important;

    }

    Let me also suggest to register an account with JotForm so you can manage your forms anytime, anywhere.

    Should you have any other question, please make sure to open a new thread so we can assist you better.

    Thank you!

  • Profile Image
    IreneZamora
    Answered on August 29, 2013 at 04:20 AM

    Thanks....

     

    worked!!!

  • Profile Image
    IreneZamora
    Answered on August 29, 2013 at 04:25 AM

    I have not answered before because I left ...

    (I think it was because I was not logged in)

    Thank you very much ....

     


    I have not answered before because I left ... (also tried to translate my previous thread



    Thank you very much ....

  • Profile Image
    EltonCris
    Answered on August 29, 2013 at 04:26 AM

    Great!

    Cheers! =)

  • Profile Image
    donadioj
    Answered on August 29, 2013 at 04:52 AM

    Grazie mille!  The only problem I am further encountering is that some of the button text is overlapping:

    http://www.justlegalservices.it/jls/brick/richiesta-traduzione

  • Profile Image
    pinoytech
    Answered on August 29, 2013 at 08:09 AM

    Hi,

    I've fixed the issue of your submit, clear, print button for you. Kindly check your website now: http://www.justlegalservices.it/jls/brick/richiesta-traduzione

    I've injected this custom css codes into your form.

    #input_2.form-submit-button {

    width: 90px;

    }

    #input_reset_2.form-submit-reset {

    height: 36px;

    width: 95px;

    }

    #input_print_2.form-submit-print {

    height: 36px;

    width: 117px;

    }

    .form-submit-print img {

    margin-top: -10px;

    margin-left: 2px;

    }

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image
    donadioj
    Answered on December 09, 2013 at 09:54 AM

    OK, thank you for your assistance.  I thought the problem might have been resolved with the introduction of multilingual forms, but it still seems necessary to use this hack. In Safari though I continue to see the unwanted text, I'm guessing because the browser doesn't like 0px size font.

  • Profile Image
    peturrp
    Answered on January 29, 2015 at 08:58 AM

    EltonCris

     

    Thanks - it works fine for me!

     

    Reg.

    Petur

  • Profile Image
    EltonCris
    Answered on January 29, 2015 at 11:19 AM

    Glad to hear it Petur. Cheers! :)