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.
How can I center align all fields & widgets of an embedded iframe form?Asked by stretchandstaple on October 28, 2014 at 08:35 PM
I apologize, but I don't fully understand your question.
Could you please clarify it a little bit more?
Do you want your form to appear at the center of the screen?
If this is correct, then this is the normal behavior of the form when you use the iframe code.
If it's not working this way in your website, please provide the URL where the form is embedded so we can take a look at it and see what's happening.
Please let us know.
Yes it is all left aligned, http://stretchandstaple.wix.com/backup#!get-started/c1fqx
Are you referring to the steps 2 & 3 of the form?
If this is correct, I think that this can be accomplished by injecting custom CSS on the form.
Please allow me some time to run some tests on my side and I'll get back with you.
I was able to find a way to center the checkboxes on page 3, but unfortunately I had no luck with the Image Upload Preview and Image Picker widgets as both renders their own CSS files dynamically and because of this I couldn't center align them in your form using custom CSS.
I will escalate this thread to our next support level, so they can take a look at the widgets part.
In the meantime, please try to inject the following CSS code in your form:
This code should center align the checkboxes on page 3.
If you have any questions, please let us know.
You can now apply CSS directly to all widgets via the Custom CSS tab:
Please try it out and let us know.