Is it possible to print the form I made in a readable size?

  • Profile Image
    silverthreadstudiofive
    Asked on November 07, 2015 at 09:50 AM

    Is it possible to print the form I made in a readable size?



    This is a re-post of a comment on How to Change Your Form's Font Size

  • Profile Image
    abajan
    Answered on November 07, 2015 at 05:40 PM

    Yes, this is possible. Each element of the form can be made to appear different in print than on the screen by wrapping the print-only CSS (styles) in an @media print rule. As a demonstration, here's a form which has the following rule injected:

    @media print {
     .form-textbox,
     .form-textarea,
     .form-dropdown {
       font-size: 1.3em;
     }

     .form-sub-label {
       font-size: 120%;
     }
    }

    Complete the form without submitting it and either click its Print button or hit [Ctrl+P] to see the effect of the rule. The following video explains @media print in more detail:


    Feel free to clone the my demo and play around with it.

    Cheers