Field positioning in form designer

  • sklayman
    Asked on November 14, 2014 at 6:00 AM

    Hi,

    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.

    Thanks!

    Shai

  • KadeJM
    Replied on November 14, 2014 at 10:39 AM

    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.

  • KadeJM
    Replied on November 14, 2014 at 11:33 AM

    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.

    Field positioning in form designer Image 1 Screenshot 30

     

    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 -

    Field positioning in form designer Image 2 Screenshot 41

     

     

  • sklayman
    Replied on November 15, 2014 at 12:17 PM

    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

    שם מלא:

    טלפון:

    אימייל:

     

    Thanks again!

  • abajan Jotform Support
    Replied on November 15, 2014 at 6:30 PM

    Hello,

    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.


    Thanks