Style the way fields are shown when printed.

  • naprafe
    Asked on November 24, 2016 at 6:10 PM

    thank you that solved the problem.

    Now I want to know how if it possible:

    1) hide the borders an arrows of the fields when printing as shown in picture

    2) have same fonts between varius types of fields e.g. text boxes and dropdown menus

    3) do not print the check boxes (but be visisble to the user)Style the way fields are shown when printed Screenshot 20

  • David JotForm Support Manager
    Replied on November 24, 2016 at 6:44 PM

    1) I believe it is not possible to hide the arrows, that is something that each browser displays differently.

    2) Please inject the following code in order to make same fonts on the dropdowns: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-dropdown {

    font-size: 1em;

    font-family: "Lucida Grande",Verdana;

    }

    3) To hide those check boxes when printing, please inject this code:

    @media print{

    #id_79{

    display: none !important;

    }

    }

    Let us know if you need more help.

  • naprafe
    Replied on November 25, 2016 at 1:14 AM

    Thank you. 

    What about the borders of the fields?

    Another problem is that the name of the form in the browser is wrong.

    Also I am wondering if there is there a way, when the user press the submit button to send a pdf file of the form to dropbox?

    Style the way fields are shown when printed Screenshot 20

  • emily
    Replied on November 25, 2016 at 1:38 AM

    Hi, 

    I moved your questions to another thread. They will be answered in the URL below.

    https://www.jotform.com/answers/997498?updatemessage=10732640770 

    Thanks.