How can I have users print all the text in the fields on a form?

  • jedris
    Asked on June 30, 2020 at 8:27 AM
  • Jed_C
    Replied on June 30, 2020 at 8:55 AM

    Are you referring to the print button in your form? I just tried clicking the print button and it shows all the field even if it's empty.

    1593521610print button Screenshot 10

    Can you please clarify from where your users are printing the form? Please send us a screenshot and we'll take a look.

  • Jessica
    Replied on June 30, 2020 at 9:00 AM

    Yes - it does show all the fields - but since the fields have unlimited amount of text that can be entered, it will only print the text that shows in the box, not all the text entered....I want to see all the text entered into the box even if it goes beyond the field.  I can see all text once they submit, but they want to keep a copy of all full answers.

  • Bojan Support Team Lead
    Replied on June 30, 2020 at 9:41 AM

    Greetings and thank you for your message.

    Unfortunately, there is no perfect solution to this. 

    We can provide you with the CSS code that will increase the height of the input element when printing, however, this can only be fixed height. It is not possible to create a dynamic textarea that will update height depending on the content.

    If you are interested in this solution, please let us know, and we will provide the CSS.

    Alternatively, you can send an Autoresponder email to your user and attach a PDF document with the data from the form. This way, everything will be created dynamically, and the problem would be resolved.

    Let us know if you have any additional questions. 

  • jedris
    Replied on June 30, 2020 at 9:42 AM

     Can you provide the CSS code to increase height?  I will do that and set up the autoresponder email.  I will figure out how to do that!  Thank you!

  • Bojan Support Team Lead
    Replied on June 30, 2020 at 10:52 AM

    Thank you for your reply.

    To modify the height of the textareas when printing, please use the following CSS:

    @media print {
      textarea{
        height: 350px;
      }
    }

    You can click here to see how to inject custom CSS.

    You can click here to see how to set up an Autoresponder email and to see how to include PDF as an attachment, you can click here

    Let us know if this solution worked for you.