Style the way fields are shown when printed.

  • Profile Image
    naprafe
    Asked on November 24, 2016 at 06: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)

  • Profile Image
    BDAVID
    Answered on November 24, 2016 at 06: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.

  • Profile Image
    naprafe
    Answered on November 25, 2016 at 01: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?

  • Profile Image
    emily
    Answered on November 25, 2016 at 01: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.