JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
Form does not preview as it appears in editorAsked by harvestdesign on May 15, 2015 at 01:21 PM
Working a cloned template. Tweaking, fussing editing, etc.
I've rearranged a view items in logical order but the form does not display properly in preview or when embedded to web site.
It appears properly in editor.
form layout layout issue
Thank you for contacting us.
Is that an Adobe FormsCentral imported form, or some theme based clone form?
It appears that there is some layout conflict caused by margin and/or box-sizing border-box.
I have sent a bug report ticket to our Development Team. We will update this thread as soon as we have any updates.
Still waiting for a resolution to this issue...
My colleague have already reported this issue to our back end team. Unfortunately we have not received any update form our back end team yet. Upon checking the bug report ticket, I found that one of our developer is already looking into this issue with highest priority.
We will get back to you as soon as we have any update from the assigned developer.
Still waiting to resolve this issue. My site is ready to go live and this form is a final detail.
Unfortunately, we do not have any updates as of this time.
You can try the following workaround in the meantime.
Add a blank Text field after the Check Box field, then decrease its paddings to 0 in order to remove the extra space, and limit the max width of check box items to 145 pixels.
padding : 0;
max-width : 145px;
Please see the next animation:
It should fix the layout on published form. Thank you.