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 to remove square borders around the fields (inputs) on a printed version of the form

    Asked by adeptdesigns on April 24, 2014 at 03:32 PM

    Works awesome, thank you!! 

    One additional question - how can I reduce the printed text size?  I am trying to get the whole form to fit on one page when it prints.  I tried this, but it doens't adjust the printed text size like it hoped:

    @media print {
    .form-all {font-size: .8em;}
    }

    Is there something better I could try?

    printing styles css print
  • Profile Image
    JotForm Support

    Answered by Mike_T on April 24, 2014 at 03:37 PM

    Thank you for contacting us.

    Yes, it is possible to inject specific print styles to the form. Please try to inject the following CSS in order to remove the input borders:

    @media print {
    .form-all input {
    border: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    }
    }

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

  • Profile Image

    Answered by adeptdesigns on April 25, 2014 at 11:14 AM

    Hi thanks for the speedy reply - this seems logical, and I added the CSS as provided, but it still prints with borders.  Here is a link: http://demo.webfoot-designs.com/sample-form

    Any idea why?

     

  • Profile Image
    JotForm Designer

    Answered by omer on April 25, 2014 at 12:11 PM

    Hi adeptdesigns, 

    We discover that if you use win+p (or cmd+p) combination for printing, there are no borders around input fields. Until we fixed print button bug, you can use this as alternative solution.

    Please let us know if you need help with anything else.

    Have a good day.

  • Profile Image
    JotForm Designer

    Answered by omer on April 28, 2014 at 08:33 AM

    Hi adeptdesigns,

    We fixed the bug, the print button works fine now.

    Thanks for your patience.

    Have a good day.

  • Profile Image

    Answered by adeptdesigns on April 30, 2014 at 05:46 PM

    Works awesome, thank you!! 

    One additional question - how can I reduce the printed text size?  I am trying to get the whole form to fit on one page when it prints.  I tried this, but it doens't adjust the printed text size like it hoped:

    @media print {
    .form-all {font-size: .8em;}
    }

    Is there something better I could try?

  • Profile Image

    Answered by 24Carat on September 04, 2014 at 04:11 AM

    Hi !

    I know this thread is rather dated, but I'd like to know what additional css code needs to be injected to make all the borders to disappear on print ?

     

    Specifically, the county is still bordered when using the address tool.

     

    Thanks !

  • Profile Image

    Answered by jedcadorna on September 04, 2014 at 08:10 AM

    @24Carat,

    I have created a separate thread for you and we'll respond to your query in this thread http://www.jotform.com/answers/424471 as soon as we can.