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

    How do I change print button text

    Asked by stynia on June 18, 2014 at 05:51 PM

    When I make a form with the possibilty to print the form, the text on the button is right "Afdrukken formulier". Nicer or better is "Print formulier" or Formulier afdrukken".

    On the website is the text on the button "Print Form".

    I will use only Dutch text and Englisch text between it see not so nice. How can I change it.

    Screenshot
    print form print and print button button text
  • Profile Image
    JotForm Support

    Answered by david on June 18, 2014 at 07:20 PM

    Hi,

    Here is our guide on how to alter the text, please let us know if this does not resolve your issue and we will be happy to look in to it futher:

    How to Change Clear and Print Button Text

     

    Jotform has built in languages that automatically changes clear and print button text when you switched your form builder to a different language. However, there are lovely users that always looks for a custom one. Well, that's possible! Here's a workaround on how to change these text with the power of CSS.
     
    Print and Clear
     
    1. First, you should learn how to inject custom CSS codes to your form. It's pretty easy, here's a guide:
     
    a. While  on  your form (Edit Mode), click Setup & Embed then  Preferences
    b. On the Preferences window, go to Form Styles tab and then insert your CSS Code under Inject Custom CSS Box.
     
    2. Inject the following CSS codes to your form. You can pick which one you'd like to apply.
     
    a. To change Clear text, inject this CSS.
     
    .form-submit-reset{
    font-size:0;
    }
     
    .form-submit-reset:after {
    content: "YOUR CLEAR TEXT HERE";
    font-size: 12px;
    }
     
    a. For the Print text, use this.
     
    .form-submit-print{ font-size:0;
    }
     
    .form-submit-print:after {
    content: "YOUR PRINT TEXT HERE";
    font-size: 12px;
    }
     
    Just replace the content text to your preference.
    Note that this isn't supported with older IE browsers like IE7 and earlier.
  • Profile Image

    Answered by stynia on June 19, 2014 at 06:13 AM

    It doesn't work. The text "YOUR PRINT TEXT HERE" became after "Print Form".

    The text on the button is now"Print Form Print fromulier".

    I think that the problem is in  "after" what David give me.

     

    I fix it with the following info: http://www.jotform.com/answers/289959-HiI-injected-this-css-code-but-i-see-now-both-names-for-the-buttons1-?entrymessage=10732640770

     

  • Profile Image

    Answered by BryanPaulo on June 19, 2014 at 11:22 AM

    Hi,

    Am I correct to assume that you were able to resolve the problem using the link you provided above? Were you able to resolve the problem by replacing the ":after" on the CSS code?

    Let us know if you still need out assistance.

  • Profile Image

    Answered by stynia on June 19, 2014 at 12:18 PM

    Hi BryanPaulo,

     

    Yes I fix the problem with the link above. On a few felds you must addit it with !important. That are missing in the answer of David, why it didn't work.

    Do it follow and for me it work:

    /*--PRINT BUTTON--*/

    .form-submit-print

    {

    font-size:0 !important;

    }

    .form-submit-print:after 

    {

    content: "Drucken" !important;

    font-size: 12px !important;

    }

  • Profile Image

    Answered by Carina on June 19, 2014 at 02:25 PM

    Thanks for updating us on this solution. Good to know that everything is solved. Please get back to us if further support is needed.