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

    How can I add an image to the Form Header?

    Asked by kkhan on April 13, 2017 at 01:29 PM

    I can't seem to add a small graphic to my header in the new version. The only option seems to be adding a logo above it, or adding a background graphic, neither of which is what I want to do.

    Thanks,

    Karen

  • Profile Image
    JotForm Support

    Answered by Jim_R on April 13, 2017 at 02:56 PM

    Hey Karen, since you never mentioned which form you're working on, I tried my luck with this one 63236381903152 

    Here's how I see the header of that form:

    I'm assuming you figured it out after posting your question but in case you need further help, just get back to us with a clearer description of what you're trying to achieve.

    e.g. Where should the image be placed? How should it look like? Is the image hosted somewhere or is it only saved on your PC? etc.

    A screenshot would also better explain your requirement so if you have one, please share it with us by opening your thread through this link, then post your reply, along with the screenshot from there. Don't forget to share the Form URL with us too in case we checked the wrong form.

    Related guide: How-to-add-screenshots-images-to-questions-in-support-forum 

  • Profile Image

    Answered by kkhan on April 16, 2017 at 09:52 PM

    Yes, that is the correct form. A few things:

    1. The placement of the image is different in this form than my other forms. This one is right up against the left edge, not over a few spaces to the right. Do I need to pad the image? If so, how is that done?

    2. I had to place the text flush left to get the second line of text to stay white.

    3. I specified the label of the text boxes to be on top of the box, and they appear that way in builder; but when I go to designer or preview, the text above the box is left. Don't understand why since I selected top.

    Thanks,

    Karen

  • Profile Image
    JotForm Support

    Answered by Chriistian on April 16, 2017 at 11:58 PM

    1. The placement of the image is different in this form than my other forms. This one is right up against the left edge, not over a few spaces to the right. Do I need to pad the image? If so, how is that done?

    I compared one of your forms to the form you are referring to and I was able to see the issue. 

     

    Vs.

    To fix the positioning of the header image, please inject this custom CSS on your form:

     

    .header-logo-left {

        margin-right: 3em;

        padding-left: 30px;

    }

     

    Here's a guide on How to Inject Custom CSS Codes on your form.

     

    Result:

    Hope this helps.
    Regards.

  • Profile Image

    Answered by kkhan on April 17, 2017 at 10:45 AM
    Thanks so much, Chriistian.
    My other question about the text box label is time-sensitive; will I receive a separate reply for that?
    Best,
    Karen
    ___________________________________________________________________
    Karen Khan | Assistant Secretary of the Corporation | University Policy Coordinator | Carnegie Mellon University
    5000 Forbes Avenue | 427 Warner Hall | Pittsburgh, PA 15213 | o: 412.268.1275 c: 412.600.4318
    kkhan@andrew.cmu.edu
    ...
  • Profile Image
    JotForm Support

    Answered by Jim_R on April 17, 2017 at 12:03 PM

    Hi again Karen, I moved your question about the labels to a separate thread https://www.jotform.com/answers/1121002 

    We'll have it addressed there shortly.