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.
Changes from "Edit Form" and "Designer" cause major differences in the form...Asked by objectivedebug on May 28, 2016 at 09:14 AM
When I am using "Edit Form" mode, my form remains the way it was before I need to do any type of editing. However, when I switch from "Edit Form" mode, into "Designer" mode, there are so many changes that are made to my form, I basically have to either exit "Designer" mode without saving, or I will lose the entire layout and design I previously made in "Edit Form" mode. The fonts change, the size of every field and value changes, and if I were to use "Designer" mode, I would have to completely re-design my form. Is this normal? Or am I missing something? I would take a screenshot, but due to so many changes "Designer" mode makes, I am unable to show anything other than 1-2 of my dropdown menu's.
When opening the designer I noticed that there is a big gap between the rows of fields. I also noticed that the font size is a bit small.
For the font size, open the FONT OPTIONS. You will see that it is set to 9px. This is the reason they are pretty small. If you need it bigger you can just modify the bar to increase the font size.
In regards to the gap space. I noticed that you have added the SPACER WIDGET. As you can see you set the height to be 350px. You can reduce it so there won't be a huge gap.
Please let us know if this helps.
When I preview the form in "Preview" mode or in my browser, there isn't a problem space wise or font wise like it appears in your first screenshot. As far as the font option, "Edit Form" mode changes my font sizes as well as the font type, and if I switch to "Designer" mode, it changes my font all the way to 24x. I want the form to have a 9x point font from google. However, the first screenshot you took isn't how the form looks in "Preview" mode or in my browser, and no matter what I do, the form looks completely different in "Edit Form" mode and "Designer" mode. Sometimes, it's a spacing issue, other times it's the size of my dropdown menus and I've even had my header logo missing as well. Every time I switch between the two modes, there's always something that has changed. If you have any advice as to how to prevent this, please let me know.
If it's the first time you are opening the form in the Form Designer Tool, then it is highly possible that the default theme is being applied to your form.
If you want to reset the styling then you can directly apply this theme: https://www.jotform.com/theme-store/theme/default-theme
If you want, you can clone your current form and experiment on it to see how it looks like to design it using the Form Designer Tool, here's how to surf: https://www.jotform.com/help/27-How-to-clone-an-existing-form-from-your-account. Here's a guide that might also help you get familiar with the Form Designer Tool: https://www.jotform.com/help/300-Form-Designer-Tutorial-Let-s-create-fantastic-forms-
If you can provide us a screenshot with the problems, then please do share so that we can specifically see the needed adjustments. Thank you.
Thank you. That's exactly what was happening. The default template or theme was being used every time I switched between "Edit Form" and "Designer modes". I appreciate the help.
You're welcome. I tried Charlie's suggestion and it worked for me. Maybe, you should try doing the same.
You can also start a new form without a theme, you can copy the fields from the current form using our field manager app: http://apps.jotform.com/app/field_manager.