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 can i disable/hide the print icon?

    Asked by Beecomm on February 07, 2011 at 09:45 AM

    I changed the submit and print button to a button of my choice, but print button still shows the icon above my button. Can i disable/hide the icon somehow? Thanks....

  • Profile Image
    JotForm Founder

    Answered by aytekin on February 07, 2011 at 10:19 AM

    Copy the full form source code to your web site and remove the image from there.

    Here is how you can get full form source code. Open your form on the Form Builder:

    1. Open "Setup & Share" tab on toolbar,

    2. Click on "Embed Code"

    3. Click on "Source" button and copy it to your web site.

  • Profile Image

    Answered by Beecomm on February 07, 2011 at 10:31 AM

    Hay 

     

    Thanks for the fast reply. Maybe i was too less specific with my question. Actually i know i can do it inside the source code. But i would prefer to do it with inject css feature, so i can only add the script to my joomla page. Any way i can disable/hide the icon with css feature?

  • Profile Image
    JotForm Support

    Answered by abajan on February 07, 2011 at 12:46 PM

    Yep, just type the following into the Inject Custom CSS field #input_print_2 {display:none;} or #input_print_2 {visibility:hidden;} (according to your requirements).

    The ID of that input may be appended with a different number in your form. For instance it might be input_print_3 or input_print_4. It varies according to the order in which the submit button field was placed into the form but it's usually "2" because of the way JotForm automatically inserts the submit field after the first field is added. Search the source code of your form for the correct number to append.

  • Profile Image

    Answered by Beecomm on February 07, 2011 at 01:38 PM

    Hay 

    Thanks again, but you misunderstood me. I just want to hide or delete the icon of the print button and not the entire button. 

     

  • Profile Image
    JotForm Support

    Answered by abajan on February 07, 2011 at 02:51 PM

    Aye! Now I see what you mean. A screenshot is worth a thousand words. Unfortunately, I doubt what you want to do is possible but I could be wrong.

    Hang on... Let me try adding more specificity to the CSS above and see if it works.

    UPDATE: Okay, change the code I provided above to #input_print_2 img { visibility:hidden; }. "#input_print_2 img { display:none; }" would not have worked in this case because I think you still want the space where the image was. Correct? Either way, the image is now gone. Gotta love that specificity!

    Compare:

    { display:none }

     

    { visibility:hidden }

  • Profile Image

    Answered by Beecomm on February 08, 2011 at 12:10 AM

    Very nice. Thanks a lot for your great support. Works perfect. :)

  • Profile Image

    Answered by patricia Hurt on December 23, 2012 at 05:43 PM

    I don't want to hide the print i con. I want to see it so I can print.

    Can you tell me what you did to take it from my sight. I want it back.

    Thank you

    Pat Hurt

  • Profile Image
    JotForm Support

    Answered by jonathan on December 23, 2012 at 06:03 PM

    Hi Pat,

    The Print button is a property of the Submit button which you can set On(show) / Off(hide)

     

    Kindly inform us if this is not what you were looking for.

    Thanks.