Some data are not fully printed when printing jotform

  • afmobile
    Asked on October 9, 2014 at 2: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. 
  • Elton Support Team Lead
    Replied on October 9, 2014 at 8: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!

  • DThalasitis
    Replied on April 13, 2015 at 4: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?"

  • Ben
    Replied on April 13, 2015 at 5: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

  • DThalasitis
    Replied on April 13, 2015 at 5: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?

  • Welvin Support Team Lead
    Replied on April 13, 2015 at 7: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