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

    Some data are not fully printed when printing jotform

    Asked by afmobile on October 09, 2014 at 02:16 AM
    In addition, some larger fields that can take many lines of test only print the first 6 lines of the entered text so there is no way to read the user's full input in that field. 
    print print form
  • Profile Image
    JotForm Support

    Answered by EltonCris on October 09, 2014 at 08:40 AM

    Hi,

    I think you are referring to the textarea data entered by the user in which during the print, it is not showing the entire data? This has been a major issue with browser and CSS solution for this is insufficient but may still help.

    Example, you can inject the following CSS codes to your form so the height of the textarea will automatically extend during print mode. Note that this only works on the form level.

    @media print{

        .form-textarea{

         height: 200px;

        overflow: visible !important;

        }

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

    Hope this still helps. Thank you!

  • Profile Image

    Answered by DThalasitis on April 13, 2015 at 04:24 PM

    I'm not clear on the spacing above to enter the CSS code--is it necessary to have it on separate lines as you did above?  Also, is there a better fix for this now?  I need my text to expand when a user prints so they get all of their data (I'm using the print button that's attached to the submit button).  Could you explain your note above "this only works on the form level?"

  • Profile Image

    Answered by Ben on April 13, 2015 at 05:39 PM

    No, it is not needed, but any white space in CSS will be ignored and as such it is not a problem if you have it, nor a problem if you remove it so the code above can also be written as:

    @media print{
        .form-textarea{
         height: 200px;
         overflow: visible !important;
        }
    }

    The option above will work on 'form level' as in - it is working when you print the form using the print button and not anything else - such as email, or in submissions - the code will not make any impact there.
    This would be the only way to fix this, unless you make the change to the fields permanent, so all fields are as high as needed to avoid having scrolls and some data missing - not shown.You can add the code to your jotform by following these steps: Inject Custom CSS Codes

  • Profile Image

    Answered by DThalasitis on April 13, 2015 at 05:46 PM

    Just to clarify--will not work when using a PDF link in an email?

    Can you advise how to make the change to the fields permanent so all fields are as high as needed to avoid having scrolls?

  • Profile Image
    JotForm Support

    Answered by Welvin on April 13, 2015 at 07:23 PM

    Hi,

    Yes, that is correct. But you can see all the texts in the PDF result. There's no need to inject a custom CSS codes to show the texts.

    As for showing the entire texts in the textarea when printing, unfortunately, you cannot do this with CSS only. If you want, use the source codes method: http://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form and apply the solution here:

    http://stackoverflow.com/questions/4435906/print-when-textarea-has-overflow

    Thanks