How to get consistent form output - Garbled, jumbled form

  • Profile Image
    gmjhunter
    Asked on January 22, 2011 at 10:20 PM

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

  • Profile Image
    abajan
    Answered 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
    aytekin
    Answered 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
    gmjhunter
    Answered 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
    gmjhunter
    Answered 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
    aytekin
    Answered 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
    gmjhunter
    Answered 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
    aytekin
    Answered 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
    gmjhunter
    Answered 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
    gmjhunter
    Answered 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
    abajan
    Answered 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
    abajan
    Answered 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
    gmjhunter
    Answered 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
    abajan
    Answered 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
    gmjhunter
    Answered 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