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.
Field positioning in form designerAsked by sklayman on November 14, 2014 at 06:00 AM
I was trying the news form designer, uploaded a form background image, no field titles were needed as they are part of the image, so removed them. decreased lines spacing to minuimum.
I was playing with the vertical and horizontal padding to position the fields nexs to the their titles (in the image)
but when i was saving it it wasn't positioned correctly in the actual form.
In addition after re-positioning the field they were shrinked to minimum and coul'dnt change it in the input size setting.
in addition, is there any way move fields/button seperately, let's say the submit button (in addition to the fixed placement you provide)
Your help will be appreciated.
I see you appear to be having some trouble with fixing your field positions using the form designer.
Unfortunately, At this time the Form Designer Feature is still in Beta and will likely have a few wrinkles until we iron them all out. However, thank you kindly for informing us about this problem.
I've taken a look at your jotform and I can see that your inputs have the wrong size since they're currently incoherent with the rest of your jotform and the background image you had added. Let me take a little bit of time to see if I can fix it for you and I will get back to you as soon as I can.
After testing this furthermore I found that the problem was actually due to the background image you were using. I ran a separate test on just the form designer using only inputs without the image and it's working normally.
However once the image you were using is added that's when trouble began because of the css you had applied to it so it was condensing and breaking everything due to a conflict with it. I will update you again later on as soon as I'm able to do so.
Here's with the new css I've applied at the moment below -
Thanks for looking into it.
Actually i have no need in any css of my own
my only siimply need is place the 3 fields next to the three black lines
CSS would in fact correct the positioning but since a major part of the issue is failure of the fields to align with the words in the image, I'm wondering if it won't be better to just remove the labels from the image (if possible) and include them on the form. If your initial concern was that it would be difficult to achieve a right-to-left configuration, it can be done, as the results of this forum search reveals.
Nevertheless, I think it would be best to wait and see what solution my colleague comes up with.