Some data are not fully printed when printing jotform

  • Profile Image
    afmobile
    Asked 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. 
  • Profile Image
    EltonCris
    Answered 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
    DThalasitis
    Answered 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
    Ben
    Answered 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
    DThalasitis
    Answered 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
    Welvin
    Answered 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