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

    How to center align a form into my webpage

    Asked by Malvin on July 28, 2011 at 09:33 AM

    Hi, new to JotForm.  I have created three different forms.  I'd like to get them centered on my webpage.  At the moment they are left aligned.  How do I go about it.  Also, see bullets when I paste the codes.  how do I get rid of them. 

    Here is the URL of the web page that has the form.

     

    http://www.oregontourscr.org/Reservations.htm

    Thanks for your help.

    JotForm bullets
  • Profile Image

    Answered by allanftd on July 28, 2011 at 10:26 AM

    Hi Malvin, htm ta

    You can enclose your embed code by <center> </center> tags. Kindly try and let us know if it works for you or not.

    Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image

    Answered by Malvin on July 28, 2011 at 07:43 PM

    Hi, I took your advise and tried <center> </center> in my webpage.  but it did not work.  I think I need  to enter it into the right spot on the page.  I tried several places.  Maybe you can indicate exactly where I can place the tag.

    Thank you again for your help.

  • Profile Image

    Answered by brx250 on July 28, 2011 at 09:13 PM

     

    Hi Malvin,

    Enclose the obtained code from JotForm's form builder with the <center> tag. To elaborate allan's statement, here's an example. If your form's source code is

    <your form's code><tags here>.........</tags here></your form's code>

     Then your code should look like this

    <center><your form's code><tags here>.........</tags here></your form's code></center>

    Also make sure that the above code will have a container that is in the center of your page.

    Hope this helps. If you need further assistance, please feel free to contact us.

    _____________________________________________
    Albert JotForm Support

  • Profile Image

    Answered by parnellswimclub on March 30, 2014 at 01:16 AM

    Hey i have this code below:

    Cant seem to get it to centre via iframe: its currently ranged left.

    is there anyway to easliy change this code so it is centered?????

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.co/form/40878531264863" frameborder="0" style="width:100%; height:457px; border:none;" scrolling="no"></iframe>
    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

  • Profile Image
    JotForm Support

    Answered by Welvin on March 30, 2014 at 05:53 AM

    @parnellswimclub,

    Please open a new thread about that inquiry. Please use this link: Contact JotForm Support. We'll surely attend to your own post once we see it to the forum. You have the same issue but the thread is too old and we require users to create a new post for each single issue.

    Thank you! :)