https://legacy.forums.gravityhelp.com/topic/tab-order-on-multicolumn-form-and-e-mail-formatting Gravity Support Forums Topic: Tab Order on Multicolumn form and E-Mail Formatting en-US Tue, 28 Apr 2026 14:24:25 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/tab-order-on-multicolumn-form-and-e-mail-formatting#post-61464 Tue, 05 Jun 2012 11:52:14 +0000 rmunson277 61464@https://legacy.forums.gravityhelp.com/ <p>Ok. I worked on the form a little bit this morning and I took the article that you gave, and was able to get the form working a bit better as far as the tab order, but now I have another question. On each page that I used the custom HTML blocks with CSS everything after I close the last div is still taking on the styling of the custom div's that I created. Is there any way to close the custom styling, so that the gravity form ready classes will applied again? A good example of this is on page 2 and 4 of the form. You can see there how the styling on the bottom sections after I have closed the &lt;/div&gt; columns are not using the gravity form ready classes anymore, even though they are put in. Thanks for any help. </p> https://legacy.forums.gravityhelp.com/topic/tab-order-on-multicolumn-form-and-e-mail-formatting#post-61432 Tue, 05 Jun 2012 08:08:31 +0000 Rob Harrell 61432@https://legacy.forums.gravityhelp.com/ <p>Rusty, this is because these are "faux columns". The order you have to place these fields in the formbuilder in order to achieve the columns is the order the notification will get sent out and also the order that the tabbing will take place. I think a better option for you would be to try to use HTML fields to wrap around the fields you want on the left in a div that is floated and then another set of HTML fields on the right that is floated. This will require working knowledge of CSS to achieve. Here is a link that should help you out and get you started on the concept:</p> <p><a href="http://www.gravityhelp.com/forums/topic/textarea-will-make-extra-space-in-layout#post-52634" rel="nofollow">http://www.gravityhelp.com/forums/topic/textarea-will-make-extra-space-in-layout#post-52634</a> </p> https://legacy.forums.gravityhelp.com/topic/tab-order-on-multicolumn-form-and-e-mail-formatting#post-61384 Mon, 04 Jun 2012 16:36:14 +0000 rmunson277 61384@https://legacy.forums.gravityhelp.com/ <p>If someone can help me and visit the following website: </p> <p><a href="http://69.164.207.141/tcmh/career-opportunities/job-application/" rel="nofollow">http://69.164.207.141/tcmh/career-opportunities/job-application/</a></p> <p>I have a multiple page gravity form where the are instance of multiple columns, etc. I am having trouble getting the tab order to work correctly and don't seem to see any answers in the forums regarding how to fix this. I want the tabs to go down the first column, first section, then second column first section, first column, second section, second column, second section, and so on. You can see good examples of this on the Education page of the form. Does anyone know how to fix this? Also, when I get the notification e-mail, because I have parts of the form in column format, the answers are not appearing in the proper order in the notification e-mail. If anyone can help me by filling out this form, then I'll send you a copy of the e-mail so that you can see what I mean by the form not showing up properly, I would greatly appreciate it.</p> <p>Thanks</p> <p>Rusty </p>