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.
Can you please tell us where the form is embedded on?
This will help us find the issue and help you resolve it as well.
Now I would only like to add that you are correct, you should have it look the same, but when you embed your form using the source code option, the style of your form will depend on the styles on your own website as well.
This is because often, there are some styles that affect the style of the form elements as well, and could cause it to look off.
However if you use the iframe or js embed method, the form should look as it is in the form builder.
This form and a few others are located in an Adobe Portfolio that is on my intranet. I do not have an issue with any forms that are NOT in a portfolio. Just the ones that ARE in a portfolio.
I presume that allowing us to logging into your intranet would not be something your IT department would consider as safe practice so I would like to ask you, if you can tell us what is the method that you had used to embed the forms?
Can you also please try the iframe embed method to see if it is working for you?
You can see how to get it here: How to get the jotform iFrame Code
The iframe works except that it cuts off the right side of the form. Is there a way to make the form width bigger? Or maybe I need to make the width smaller to fit?
Usually the form will adjust itself to the width that is available, so I believe that (based on what you have mentioned) your form is set to be wider than what you have available space.
What should work is to set the form to be mobile responsive, so the fields should adjust as the form width is changed.
You can see how to turn it on here: How to make forms Mobile Responsive
If it does not work, please do take a screenshot of the issue for us to be able to see what is exactly going on.
It Worked!!! Thank you soooo much!
Great to hear that :)
Do let us know if you need any further assistance and we would be happy to assist :)