Layout of form in EDIT mode differs from VIEW FORM mode

Over the past few days I've noticed that the graphics and format/layout within the EDIT FORM page differs from that in the VIEW FORM page and on my website where the forms are accessible.

This is making it difficult when editing form details - what is causing this?

(Included Screenshot shows how the form looks within the EDIIT FORM Page).

Hello maorimusic,

Do you mean to say that in the edit mode the "% Share" is displayed in the next line but in the embedded form it is getting displayed in the same line along with the other form fields?

It seems to be caused by the width of your form and the resolution of your screen. Please be noted that if you want to display the "% Share" form field in the next line, you need to select the form field and click on the gear icon. Then you can click on the option "Move to a new line". This will ensure that field is always displayed in the next line. Please check the screenshot below:

Hope this helps.

Do get back to us if you have any questions.

Thank you!

No, it's not really that.

I'm aware that I've deliberately reduced the width of the form to be more compatible with my website layout, however I thought that JotForm claimed to be WYSIWYG?

Certainly the form does look as I want it to within my website and it has the same width as set in the EDIT FORMAT parameters, so why should this look different?

I'd point out again that this has only started to happen in the past few days - other differences are evident too as shown by this other screenshot (Note the additional WHITE horizontal lines and the BLACK text).

Is anyone else experiencing this?

Yes, what you see is what you get.

I think it's because of the current template of your form. When you are using the dark theme, make sure NOT to click on the Font Color and Background buttons. Otherwise, the theme color and background will be overridden by that.  If you check your form properties, it has a fixed settings compare of those in the mentioned buttons:

With regards to the horizontal lines, that is the HEADER field added to the form, but without a text. The Header field has a top and bottom border, but if you left that without a text, it would looks like a horizontal line:

Anyway, I will create a separate thread about this one. I'm specifically after of the header which suppose to be white in the editor as well, not just on the live view of the form. We're sorry for that.

Thank you!

By the way, I would advise removing the empty headers if you don't want to see it in while you're editing the form.

Thank you!

Thanks for the advice.

Still puzzling how the formatting on the EDIT FORM page isn't accurately reflected on the "live" form on my website though.

I trust you'll keep me informed on any findings regarding this and the changes to the header font colour.

That's a sure thing. For now, I would suggest previewing your form after making some changes, this way, to  keep you ensure that you have the right design of the form.

Thank you!