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 get consistent form output - Garbled, jumbled form

    Asked by gmjhunter on January 22, 2011 at 10:20 PM

    How do you get consistent results with form preview and actual pasting into webpages. 

  • Profile Image
    JotForm Support

    Answered by abajan on January 23, 2011 at 03:42 AM

    Are you referring to the form's dimensions? If you are embedding the form via its iFrame code, just adjust the width and/or height values of the style attribute in that code to suit your requirements.

    EDIT: I just re-read your question. What exactly do you mean by "Garbled, Jumbled"? Can you provide a link to the form or a screenshot of it?

    EDIT (AGAIN): Actually, the style attribute only adjusts the dimensions of the form's background. It has no effect on the positioning of the form's contents. I just tested it. Sorry about that.

  • Profile Image
    JotForm Founder

    Answered by aytekin on January 24, 2011 at 08:48 AM

    Can you post the URL of this garbled form? So that we can suggest a solution. 

  • Profile Image

    Answered by gmjhunter on January 24, 2011 at 10:15 AM

    Sorry, I should have posted the answers here :-)

    Okay, where do you want the form posted??  It's in my account listing, do you want me to include it here?  I will include the code link in here.

  • Profile Image

    Answered by gmjhunter on January 24, 2011 at 10:33 AM

    Aytekin, thanks very much for your quick responses; I appreciate the assistance.

    Here are both codes: IFRAME & FULL SOURCE.  When I use the codes, the basic one line code never works, I always have to use the full source.  This time I want to put this form inside a frame so the page is not so large.  I didn't want any scrolling of the webpage, just scrolling for the form inside the frame.

    DELETED CODE

  • Profile Image
    JotForm Founder

    Answered by aytekin on January 24, 2011 at 10:42 AM

    Unfortunately, I cannot see the problem by looking at the page. I need to see the page that has the garbled form. Did you put the form on your site? I need to see the page on your site. 

  • Profile Image

    Answered by gmjhunter on January 24, 2011 at 11:16 AM

    No I didn't because my site is live.  I don't want to do that because there are clients registering now.  How do you want me to show you?  I can maybe email you the .htm page??

  • Profile Image
    JotForm Founder

    Answered by aytekin on January 25, 2011 at 09:52 AM

    Just put it on another non-public page on your site and post its URL. 

  • Profile Image

    Answered by gmjhunter on February 10, 2011 at 09:19 PM

    okay aytekin... I think I figured out how to do the non-public page with the I-FRAME page.  I am going to post it to you.  Thanks for your patience.

  • Profile Image

    Answered by gmjhunter on February 10, 2011 at 10:54 PM

    HERE IS THE URL: http://www.gforcebasketball.org/TEST/registration.htm

    I am clicking iFrame after creating the document but there's no frame, it just runs off the page.

    Thanks for your help

  • Profile Image
    JotForm Support

    Answered by abajan on February 11, 2011 at 03:29 AM

    The page on which you have embedded your form has at least one mistake in the markup:

     

    Should be

     

     

    Once you correct that, your form should become accessible.

    Please see this resource for the correct structure of IE conditional comments.

  • Profile Image
    JotForm Support

    Answered by abajan on February 11, 2011 at 03:41 AM

    Oops! Putting markup in my post REALLY caused a problem. Not only did it disappear when I attempted to edit it the first time but now I can't edit it period! I think there needs to be a tag where one can enter code. Other forum software has such a tag. I'll put in a request for this feature.

    Anyway, as I was stating, you need to change

    {!--[if !IE]}--}{div class="xr_ap" id="xr_xri" style="width: 955px; height: 800px; clip: rect(0px, 955px, 800px, 0px);"}{!--{![endif]--}

    to

    {!--[if !IE]}--}{div class="xr_ap" id="xr_xri" style="width: 955px; height: 800px; clip: rect(0px, 955px, 800px, 0px);"}{![endif]--}

    I substituted braces for the angled brackets but when you correct the code use angled brackets.

    EDIT: Okay, I just discovered that you had a reason to code it like that but apparently it's not working as intended. When I removed that div with Firefox's Aardvark extension , the form became accessible.

  • Profile Image

    Answered by gmjhunter on February 15, 2011 at 05:23 PM

    Hi,

    For the iFrame registration page.  I finally got it to work properly.  I just increased the "FORM WIDTH SIZE" to 825 and the browser adjusted for that width.  In my editing program, I increased the "PLACEHOLDER" to: W = 850px, H = 400 px.

     

    www.gforcebasketball.org/TEST/registration.htm

     

    Hopefully this should stick... also how can I get a small 3 - 4 pixel border around the form to separate it from the page background?

    Thanks, I won't bud ya anymore with this one :-)

    G.

  • Profile Image
    JotForm Support

    Answered by abajan on February 15, 2011 at 06:22 PM

    Nonsense! You may "bud" us anytime you want! That's what we're here for. :)
    Hey, I'm glad everything worked out okay.

  • Profile Image

    Answered by gmjhunter on February 16, 2011 at 09:30 AM

    Haha... lol... yeah yeah... my brain deserves a slight break :-)  It took me weeks to figure all this stuff out.  I am doing a complete web project by myself with no real training... ha but its too much fun... so I'm going to see it through.  I really appreciate all your assistance.  I'm sure I'll be asking something else in the future... Good Luck!

    www.gforcebasketball.org