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 link an image and textfield together?

    Asked by missolive on June 15, 2016 at 04:53 PM

    I want to make a simple order form for card:
    An image of a card with next/below a text field where the customers fills in the number of cards he likes to order.

    I don't want to use the purchase order widget because the images are so small and I don't need prices!

    So far I can make a row with 3 images and below a row with 3 textfields, look good on my computer.
    but on a smaller screen (f.i mobile phone) it is shown as 3 images below each other and below that the 3 textfields.

    I would like the image field and text field together, like in one div.

    Is that possible and how?

    I searched the forum but can not find the answer.

    Page URL:
    https://eu.jotform.com//?formID=61662688685372

    Screenshot
    order form text field image field purchase
  • Profile Image
    JotForm Support

    Answered by Welvin on June 15, 2016 at 07:39 PM

    How about adding the image and text field side by side? Like this: https://form.jotform.com/61667136448968. The small gap in the alignment can be adjusted by a custom CSS codes. 

    Just please follow our field positioning guide to align the fields: https://www.jotform.com/help/90-Form-Field-Positioning