What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Change print and reset button language

    Asked by AMPASantiago 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


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

    JotForm reset button print www
  • Profile Image

    Answered by pinoytech 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
    JotForm Support

    Answered by EltonCris 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
    JotForm Support

    Answered by EltonCris 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

    Answered by Alvaro 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
    JotForm Support

    Answered by EltonCris 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

    Answered by IreneZamora on August 29, 2013 at 04:20 AM

    Thanks....

     

    worked!!!

  • Profile Image

    Answered by IreneZamora 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
    JotForm Support

    Answered by EltonCris on August 29, 2013 at 04:26 AM

    Great!

    Cheers! =)

  • Profile Image

    Answered by donadioj 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

    Answered by pinoytech 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

    Answered by donadioj 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

    Answered by peturrp on January 29, 2015 at 08:58 AM

    EltonCris

     

    Thanks - it works fine for me!

     

    Reg.

    Petur

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 29, 2015 at 11:19 AM

    Glad to hear it Petur. Cheers! :)