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 to wrap text around images in form?

    Asked by YummyGarden on August 23, 2012 at 01:54 PM

    This is like my 10th question since using Jotfrorm!! But... you guys are awesome and fast, so what the heck! I'll ask another!

    Ok so...

    I just started adding images to my forms, but unfortunately it does not automatically wrap the text from the form around the images. Instead, there is this image and a huge space around it in between the question above and below. Is there a way to wrap questions and text around images? I swore I had seen it before.

    Thanks.

    Yummy Me

    Page URL:
    http://form.jotform.us/form/21998036503154

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 23, 2012 at 03:05 PM

    Which particular text on your form do you want to wrap to which image?

    We may be able to give a solution if you can provide us with enough details in reference to your form.

  • Profile Image

    Answered by YummyGarden on August 25, 2012 at 08:55 PM

    For example, I tried to wrap text around the balloons. I've since moved them to the bottom of the form because nothing would wrap around them.

  • Profile Image
    JotForm Support

    Answered by idarktech on August 25, 2012 at 09:20 PM

    @Yummy Garden

    You can use CSS codes to position your images. Try it with this to position your ballons.

    #id_12{

    width: 200px;

    position: absolute;

    top: 1000px;

    left: 350px;

    }

    Inject this CSS to your form, follow this guide: How to Inject Custom CSS Codes

    Just play with the top and left values if you'd like to move this image.

    That code should work like this:

    Let us know if you need anything else. Thank you!

  • Profile Image

    Answered by YummyGarden on August 25, 2012 at 09:40 PM

    Thank you!

    So what specifics do I change for other images in other forms? Is it the id#? How do I identify photo ID#'s of other photos in other forms and new forms?

    Thanks for the assistance

  • Profile Image
    JotForm Support

    Answered by idarktech on August 25, 2012 at 09:47 PM

    Yes, you have to change the field ID. Here's how you can get it: http://www.jotform.com/answers/100307-field-id

    Also, you need to change the top and left values to position your image.

    Thanks!

  • Profile Image
    JotForm Support

    Answered by idarktech on August 25, 2012 at 09:49 PM

    By the way, are you familliar with Shrink? That also helps in positioning images on the same line.

    Thank you.