- objectivedebugAsked 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.
- victorAnswered on May 28, 2016 at 10:32 AM
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.
- objectivedebugAnswered on May 30, 2016 at 09:34 AM
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.
- CharlieAnswered on May 30, 2016 at 11:20 AM
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.
- objectivedebugAnswered on May 31, 2016 at 09:48 AM
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.
- JotForm SupportWelvinAnswered on May 31, 2016 at 10:53 AM
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.