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.
How can I add an Image next to Text in the same row?Asked by KarFre on March 30, 2015 at 01:19 PM
I see that you can add an image when editing a text field but the placement of the image is very limited and it doesn't seem to "stick" when I get it to look like I want. This is what I want it to look like:
This is what I end up with:
next add an image text field Image Text
I wanted to suggest using an image field and Text field and apply Shrink option to both, but it seems that you already did this.
Now to get it in the same row all we need to do is change the width of the Text element and we can do it like so:
Once you add this to your jotform injected CSS field, you will see it in the same row.
You can see here how to do that: Inject Custom CSS Codes
Now we would be happy to assist you position it just right, but I have noticed that the text is not as on the screenshot above, so I would suggest adding all the text that you want in the Text element and then let us know and we would be happy to provide you with the CSS that aligns the text to the bottom of the image, or at its top - while in the same line.
Works perfectly, thanks!
Great to hear that :)
Do let us know if you have any further questions or need our assistance and we would be happy to assist.
Since this is a different issue, I have moved your question to a new thread here: http://www.jotform.com/answers/544798 where we will answer your question shortly.