How to center align a form into my webpage

  • Profile Image
    Malvin
    Asked 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.

  • Profile Image
    allanftd
    Answered 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
    Malvin
    Answered 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
    brx250
    Answered 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
    parnellswimclub
    Answered 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
    Welvin
    Answered 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! :)