Changing reset text button

  • davbiomed
    Asked on March 25, 2015 at 5:00 PM

    Although I've tried to change the reset text button, from "Resetear formulario" to "Borrar" with the following CSS code that I found in the forum, I can't:

    .form-submit-reset{
    font-size:0;
    }
     
    .form-submit-reset:after {
    content: "YOUR CLEAR TEXT HERE";
    font-size: 12px;
    }
     
    Could anyone, please, help me out? Thank you in advance
     
    My form link is: 
    http://form.jotformeu.com/form/50813320100333?
  • raul
    Replied on March 25, 2015 at 6:46 PM

    Try to use the following code instead:

    .form-submit-reset {
       font-size : 0 !important;
    }

    .form-submit-reset:after {
      content : "Borrar";
      font-size : 12px;
    }

    This would be the result: 

    Changing reset text button Image 1 Screenshot 20

    You can check also this cloned version of your form: http://form.jotformpro.com/form/50836766522966 which you can also clone to your account if you want to.

    Let us know if this helps.
    Thanks.

  • davbiomed
    Replied on March 27, 2015 at 3:25 AM

    Thank you very much for your help Raul, it worked!, the problem I have now is that I'd like to translate the text button "Borrar" into English for my English version of the form, but that option is not available in "Edit form language", since the text button that I can modify, in this section, is "Resetear formulario" instead of "Borrar", so I can't make the change. Could you, please, give me a hand? Sorry for the inconvenience.

  • Charlie
    Replied on March 27, 2015 at 10:46 AM

    Hi,

    Unfortunately, using the CSS would set the button to have a permanent text content. What I would suggest is that first create your form in "English" version, then after that you can set the translation to "Espanol".

    Or another one that you can use is to have 2 submit buttons, one for English and one for Espanol. Using conditional logic, show which button to display depending on the language. Both buttons are using the CSS. Here's my sample form: http://form.jotformpro.com/form/50854075964969.

    Do let us know if that works.

    Kind regards.

  • hasan JotForm Developer
    Replied on March 30, 2015 at 6:52 AM

    Hello,

    I as see you managed to change text of reset button as you like. We also added options to change these texts from element's properties menu.

    Changing reset text button Image 1 Screenshot 30

     

    Changing reset text button Image 2 Screenshot 41

    Thank you for your report.

    Have a nice day!