https://legacy.forums.gravityhelp.com/topic/ie7-breaks-form-html Gravity Support Forums Topic: IE7 breaks Form HTML en-US Mon, 20 Apr 2026 10:20:00 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/ie7-breaks-form-html#post-29443 Fri, 08 Jul 2011 03:20:35 +0000 rfm1999 29443@https://legacy.forums.gravityhelp.com/ <p>hi tywright, </p> <p>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.<br /> can you please help me how you have add multiple tabs to the form on <a href="http://easysettlefinance.com.au/online-application-page/" rel="nofollow">http://easysettlefinance.com.au/online-application-page/</a></p> <p>how to call the fields in the html blocks and adding tabs please guide me here</p> <p>Thank you </p> https://legacy.forums.gravityhelp.com/topic/ie7-breaks-form-html#post-20018 Sun, 06 Mar 2011 21:33:40 +0000 Tywright 20018@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>Thanks for your answer, I will implement it and see how it goes. </p> https://legacy.forums.gravityhelp.com/topic/ie7-breaks-form-html#post-20001 Sun, 06 Mar 2011 11:42:58 +0000 Kevin Flahaut 20001@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>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.</p> <p><a href="http://www.gravityhelp.com/forums/topic/fieldsets#post-17019" rel="nofollow">http://www.gravityhelp.com/forums/topic/fieldsets#post-17019</a></p> <p>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. </p> https://legacy.forums.gravityhelp.com/topic/ie7-breaks-form-html#post-19998 Sun, 06 Mar 2011 05:22:44 +0000 Tywright 19998@https://legacy.forums.gravityhelp.com/ <p>Yes that's what I also found, I am in the process of changing the internal display of forms to be rid of &lt; li &gt; 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. </p> https://legacy.forums.gravityhelp.com/topic/ie7-breaks-form-html#post-19997 Sun, 06 Mar 2011 04:57:25 +0000 rogerlos 19997@https://legacy.forums.gravityhelp.com/ <p>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 </p> https://legacy.forums.gravityhelp.com/topic/ie7-breaks-form-html#post-19992 Sun, 06 Mar 2011 01:20:48 +0000 Kevin Flahaut 19992@https://legacy.forums.gravityhelp.com/ <p>Thanks. I'll check it out and see if anything jumps out at me. </p> https://legacy.forums.gravityhelp.com/topic/ie7-breaks-form-html#post-19991 Sun, 06 Mar 2011 01:16:03 +0000 Tywright 19991@https://legacy.forums.gravityhelp.com/ <p>Link is <a href="http://easysettlefinance.com.au/online-application-page/" rel="nofollow">http://easysettlefinance.com.au/online-application-page/</a> </p> https://legacy.forums.gravityhelp.com/topic/ie7-breaks-form-html#post-19990 Sun, 06 Mar 2011 01:02:18 +0000 Kevin Flahaut 19990@https://legacy.forums.gravityhelp.com/ <p>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. </p> https://legacy.forums.gravityhelp.com/topic/ie7-breaks-form-html#post-19989 Sat, 05 Mar 2011 23:49:39 +0000 Tywright 19989@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>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 &lt;div&gt; tags to denote the tabbed content.</p> <p>This works in every browser except for IE7, which seems to take the form and break it completely. </p> <p>An example of how the markup should appear, <a href="http://i.imgur.com/5ICM5.png" rel="nofollow">http://i.imgur.com/5ICM5.png</a></p> <p>How IE7 interprets the markup, <a href="http://i.imgur.com/Tk0zq.png" rel="nofollow">http://i.imgur.com/Tk0zq.png</a> </p> <p>I have compensated for the<br /> &lt; li &gt; tags gravity form wraps inserts.</p> <p>Hopefully someone here will be able to shed some light on this problem. </p>