How do you not show the Image Field when printing?

  • Profile Image
    jmpfeffer
    Asked on April 02, 2019 at 11:07 AM

    Hi!

    I am wanting to show the Header and Texts but not the Image Field. Is that possible?

  • Profile Image
    denis_calin
    Answered on April 02, 2019 at 01:32 PM

    Hi @jmpfeffer!


    To print the Header and Text fields but not the Image field, please do the following:

    1. Click on the Image field Properties (the Gear button)

    2. Go to Advanced tab

    3. Set Hide field to ON

    1554226159Screen Shot 2019-04-02 at 10.2


    Please let me know if you have any other questions.

    Thank you and have a great day!

  • Profile Image
    jmpfeffer
    Answered on April 02, 2019 at 02:54 PM

    Hi! I have done that and all it does is take the image off completely on the from. I still want people to see the logo, but I don't want it to show up when I print off registrations.

  • Profile Image
    Mike
    Answered on April 02, 2019 at 04:48 PM

    It looks like you have already fixed this with added custom CSS:

    @media print {
    .form-image {
    display: none;
    }
    }

    If you need any further assistance, please let us know.

  • Profile Image
    jmpfeffer
    Answered on April 02, 2019 at 05:10 PM

    I didn't fix it. It just hid the logo on the published form. I want the logo hidden only when I print the form. The above didn't solve that. It only hides it from the published form.

  • Profile Image
    Mike
    Answered on April 02, 2019 at 06:27 PM

    You can make the image visible in form, and use the CSS above. The CSS will hide the image only in the print mode. When I test your 'BIG TOP VBX 2019' form it seems to be working properly.

  • Profile Image
    jmpfeffer
    Answered on April 02, 2019 at 10:11 PM

    Hi! I'm confused. I just tried to print it and it still shows the image when I get ready to print. I'm not sure how you are not? I've attached what I am still seeing right before I print. 


    thanks!

    1554257303Screenshot (111)_LI.jpg

  • Profile Image
    jherwin
    Answered on April 03, 2019 at 12:12 AM

    I cloned your form and I was not able to replicate the issue. Could you please check this demo form (clone version of your form) and see if the image will also show on your end?

    https://form.jotform.com/90920210473953

    Please give it a try and let us know how it goes.

  • Profile Image
    jmpfeffer
    Answered on April 03, 2019 at 10:08 AM

    I can see the image of your cloned form.

  • Profile Image
    Victoria_K
    Answered on April 03, 2019 at 12:01 PM

    It seems like you are printing form submissions and not the form itself. The CSS code will only hide images if printing the form. On submissions page there is only an option to hide images along with other static elements like headers and texts. 

    But, you can load the form in PDF editor and print submissions from there. Image can be simply deleted from PDF template. Please check our guide here: How-to-Customize-PDF-Submissions-Report