PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

IE7 breaks Form HTML

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Tywright
    Member

    Hello,

    We are using Gravity Forms for a rather large application form. We chose to break this form into tabs to make it easier for the visitor to fill out. We achieved this by using the HTML block feature to add <div> tags to denote the tabbed content.

    This works in every browser except for IE7, which seems to take the form and break it completely.

    An example of how the markup should appear, http://i.imgur.com/5ICM5.png

    How IE7 interprets the markup, http://i.imgur.com/Tk0zq.png

    I have compensated for the
    < li > tags gravity form wraps inserts.

    Hopefully someone here will be able to shed some light on this problem.

    Posted 13 years ago on Sunday March 6, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    You're going to need to share a URL to your form so somebody can take a look at it. The screencaps aren't enough to debug your issue.

    Posted 13 years ago on Sunday March 6, 2011 | Permalink

  3. Tywright
    Member

    Link is http://easysettlefinance.com.au/online-application-page/

    Posted 13 years ago on Sunday March 6, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    Thanks. I'll check it out and see if anything jumps out at me.

    Posted 13 years ago on Sunday March 6, 2011 | Permalink

  5. rogerlos
    Member

    I'm not an expert as such, but I wouldn't be surprised if IE7 doesn't like the closing /li which is present just after the opening div for each new tab, and which doesn't seem to correspond to any opening li. I can't really test and see if that's the case

    Posted 13 years ago on Sunday March 6, 2011 | Permalink

  6. Tywright
    Member

    Yes that's what I also found, I am in the process of changing the internal display of forms to be rid of < li > and to use div tags instead. I will update this thread if it happens to fix the problem in case anyone else runs into a similar problem.

    Posted 13 years ago on Sunday March 6, 2011 | Permalink

  7. Kevin Flahaut
    Administrator

    Is there some reason you need to remove the list items in favor of divs? That seems like a lot of extra work for no reason.

    You can do what you want still by simply closing the original list, then reopening it inside of another container. You can see an example of what i'm talking about here.

    http://www.gravityhelp.com/forums/topic/fieldsets#post-17019

    We were discussing wrapping sections of the form in fieldsets, but the same would apply for wrapping sections in a div element. It works just fine in all of the major browsers as well.

    Posted 13 years ago on Sunday March 6, 2011 | Permalink

  8. Tywright
    Member

    Hi Kevin,

    Thanks for your answer, I will implement it and see how it goes.

    Posted 13 years ago on Monday March 7, 2011 | Permalink

  9. rfm1999
    Member

    hi tywright,

    Actually I need your help on this, I need to make same tabs on my gravity form using HTML blocks, but finding some problem doing.
    can you please help me how you have add multiple tabs to the form on http://easysettlefinance.com.au/online-application-page/

    how to call the fields in the html blocks and adding tabs please guide me here

    Thank you

    Posted 13 years ago on Friday July 8, 2011 | Permalink