What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Header and Logo not showing in submission report

    Asked by MedhatSedhom on November 10, 2016 at 10:12 AM

    Hi,

    All report I created it didn't show the header and logo for the company I work for. Could you please help?

    submission report and in logo not showing
  • Profile Image
    JotForm Support

    Answered by BDAVID on November 10, 2016 at 11:33 AM

    If you need to show the headers in your PDF submissions, you need to enable this option at the submissions dashboard, please check this guide: https://www.jotform.com/help/305-How-to-show-headers-or-text-for-contracts-terms-agreements-in-the-PDF-format-of-a-submission 

    Let us know if you need more help.

  • Profile Image

    Answered by MedhatSedhom on November 10, 2016 at 01:44 PM
    The header it shows only the company name without the company Logo. How can I show the company logo on the PDF?
    Thanks,
    Medhat
    ...
  • Profile Image
    JotForm Support

    Answered by BDAVID on November 10, 2016 at 03:44 PM

    Unfortunately, the header image does not display. Only image fields shows on PDF submissions. What you could do instead, is to remove the image from the header, and add an image field in the form, where you can upload your image logo:

    Then add the following CSS code in your form to position the logo next to the header:

    #id_47{

        position: absolute;

        margin-top: -100px;

        margin-left: 65%;

    }

    Result:

    In that way, it will show in the PDF submission:

    Hope that helps.

  • Profile Image

    Answered by MedhatSedhom on November 10, 2016 at 04:44 PM
    I am not sure where should I add the following CSS code in my form to position the logo next to the header. Could you please help?
    ...
  • Profile Image
    JotForm Support

    Answered by BDAVID on November 10, 2016 at 05:48 PM

    I apologize, I forgot to include the guide that shows how to inject the custom CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Let us know if you need more help.

  • Profile Image
    JotForm Support

    Answered by BDAVID on November 10, 2016 at 05:53 PM

    I have placed the code for you on your form. Please see how it looks:

    http://www.jotform.us/form/63135938871162 

    And let us know if you need more help on it.

  • Profile Image

    Answered by MedhatSedhom on November 14, 2016 at 02:44 PM
    I am still having a problem to place the code into other forms I have. I used same code you used in Harris form but I got different results. Could you please explain in details how can I create the code and insert it in the right position? I reason I want to adjust my logo into right position.
    Thanks,
    Medhat
    ...
  • Profile Image

    Answered by MedhatSedhom on November 14, 2016 at 02:44 PM
    I am still having a problem to place the code into other forms I have. I used same code you used in Harris form but I got different results. Could you please explain in details how can I create the code and insert it in the right position? I reason I want to adjust my logo into right position.
    Thanks,
    Medhat
    ...
  • Profile Image
    JotForm Support

    Answered by BDAVID on November 14, 2016 at 04:01 PM

    The custom code provided is specific to your form, since each field has it's own ID, what I do is to inspect the form using Chrome browser. 

    As you can see, the field has the "id_48" that's what you need to put before the curly brackets, example:

    #id_48{

        position: absolute;

        margin-top: -100px;

        margin-left: 65%;

    }

    This needs a little bit of CSS understandinghttp://www.w3schools.com/css/ 

    So, if you please, let us know what are the forms where you need us to place the image fields next to the headers, so we will be glad to provide you the code to do accomplish it.

  • Profile Image

    Answered by MedhatSedhom on November 14, 2016 at 04:44 PM
    Field Impact Report – SAH and Field Impact Report
    ...
  • Profile Image
    JotForm Support

    Answered by BDAVID on November 14, 2016 at 05:58 PM

    I have injected the following custom CSS code to your form called "AC2 - Field Impact Report - SAH":

    #id_48{

        position: absolute;

        margin-left: 70%;

        margin-top: -100px;

    }

    Result: 

    On regards of your form titled "Field Impact Report", I did the following:

    1) Removed the image from your header field.

    2) Added a new image field and uploaded your image logo.

    3) Injected the following code:

    #id_43{

        position: absolute;

        margin-left: 65%;

        margin-top: -110px;

    }

    Result:

    Let us know if you need more help.