Changing reset text button

  • Profile Image
    davbiomed
    Asked on March 25, 2015 at 05: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?
  • Profile Image
    raul
    Answered on March 25, 2015 at 06: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: 

    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.

  • Profile Image
    davbiomed
    Answered on March 27, 2015 at 03: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.

  • Profile Image
    Charlie
    Answered 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.

  • Profile Image
    hasan
    Answered on March 30, 2015 at 06: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.

     

    Thank you for your report.

    Have a nice day!