How to print just one field instead of the entire form

  • Profile Image
    HueGuru
    Asked on June 04, 2019 at 10:48 AM

    Is there print button or some css code available to allow the printing of just an image on a jotform instead of the entire form?



    This is a re-post of a comment on Print Button on Forms

  • Profile Image
    BDAVID
    Answered on June 04, 2019 at 12:05 PM

    We could try to hide the fields of your form from printing by injecting CSS code, so only the field that you specify will be visible when printing, example:

    @media print {

      ".element"{

        display: none !important;

      }

    }

    Could you specify the form in question, and the only field that should be visible when printing?

  • Profile Image
    HueGuru
    Answered on June 05, 2019 at 03:43 PM
    Bdavid
    Great that is exactly what I need to accomplish. Below are the form link. The image I need to print is just the Tumbling E Chart. I left the chart visible so you could inspect the elements but normally it would remain hidden. I looked at the elements and spliced in what I thought was the correct element into your print css but .... no success. Can you specify the specific element that represents the Tumbling E Chart image.
    https://www.jotform.com/build/80403113018137
    https://www.jotform.com/build/80403113018137#preview
    Thanks
    ...
  • Profile Image
    Mike
    Answered on June 05, 2019 at 04:52 PM

    Please try adding the next CSS to the form to see if this is what you are looking for:

    @media print {
    li:not(#id_102), .form-all:before {
    display: none;
    }
    .form-all {
    margin: 0 !important;
    }
    }

  • Profile Image
    HueGuru
    Answered on June 05, 2019 at 05:43 PM
    Hey Mike
    That worked like a charm.
    Thanks.
    ...