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.


  • Profile Image

    Why is my form fully centered on Jotform but completely left aligned when downloaded?

    Asked by transpay on July 28, 2015 at 08:56 PM

    When I preview my form from Jotform, the form is completely centered to the page. However, when I download it, it always left aligns. Is there a way to circumvent this?

    Page URL:
    http://pi.transpay.global/l/77232/2015-07-21/4gxby

    JotForm left aligned left centered
  • Profile Image
    JotForm Support

    Answered by Charlie on July 28, 2015 at 11:56 PM

    Hi,

    I believe this is because you have embedded your form's full source code, the styling and the other scripts seems to have conflicted with your website's own code and styling.

    To fix this, you can try embedding using the iFrame embed code instead, that should prevent any other styling or script codes to conflict with yours.

    I hope that helps.

  • Profile Image

    Answered by transpay on September 01, 2015 at 02:43 PM

    Hi Charlie, 

    I tried using the iframe method and it is still left aligned. http://pi.transpay.global/l/77232/2015-07-21/4gxby

  • Profile Image

    Answered by Ben on September 01, 2015 at 04:30 PM

    I took a look at that page and I see that it is not the iframe embed code that my colleague had in mind. The iframe code he mentioned can be retrieved following these steps: How to get the jotform iFrame Code

    The iframe that you have used has extra modifications done to it by yourself and there is something that causes even the form to be set at 47px of height - this can not be seen, but it impacts how other elements are set.

    Now to see which one is how effected and by what code, it would require someone to check each element, so the best option is to use the iframe embed code mentioned above - which will of course submit to our website - not to pardot.com

    If the same issue is still present, do take a screenshot of the same so that we can better understand what is the issue - since the above form's content was in the center of the page for me on my FireFox.