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.
How to change Contact Form width in Adobe Muse?Asked by excelenglish on March 03, 2015 at 07:48 AM
I have been using JotForm for many years and I have always found something that really drives me crazy (I'm not a coder, just a designer).
Please check this site I'm making
Please go to contact. You will see that the contact area is too large, and that's because I added the jotform form.
The form made the box huge. However, in the Adobe Muse looks nice.
Is there any way I can adjust the form, so when I copy the code to Muse can look well?
Many thanks!!! :)
I took a look at the jotform Vic and I see that you are using source code implementation.
The reason why this happens is that the form element is not as wide, but your jotform width was set to a much larger size.
You can however resolve this easily by adding this style to your page (not to jotform styles):
It will make the 'inner form' get less width and should look better on your website.
Do let us know how it goes.
I just noticed something.
If I edit the form in the Designer mode, the form will completely change. I mean, it will make this form change the size or space that I showed to you guys.
But if I don't use the Designer mode, just make the form in the main edit window, and change some options in the form preferences window, the form will be great.
This happens every time
Yes, that's is how the Form Designer works. Once you load the form into the Designer for the first time, a set of CSS codes will be automatically added to your form which includes new spacing around the form as well as the form styles. However, you can customize this spacing and styles in the designer with ease using the style toolbar in the right panel as well as by injecting custom CSS codes in the CSS tab.