https://legacy.forums.gravityhelp.com/topic/form-not-displaying-right Gravity Support Forums Topic: Form not displaying right. en-US Mon, 20 Apr 2026 02:56:30 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-not-displaying-right#post-30608 Wed, 20 Jul 2011 23:32:02 +0000 Chris Hajer 30608@https://legacy.forums.gravityhelp.com/ <p>It's possible that different browsers are reacting to the invalid HTML differently. Taking a look at the source of <a href="http://www.bigprintinc.com/new/main/attorder" rel="nofollow">this page</a> I see this invalid HTML on line 72:</p> <p><code>&lt;table&lt;br /&gt;</code></p> <p>Try fixing that (get rid of the invalid opening table tag altogether) and see if it looks better in IE. </p> https://legacy.forums.gravityhelp.com/topic/form-not-displaying-right#post-30421 Tue, 19 Jul 2011 14:54:23 +0000 Carl Hancock 30421@https://legacy.forums.gravityhelp.com/ <p>I'm not seeing this issue when I go to the page here: <a href="http://www.bigprintinc.com/new/main/attorder" rel="nofollow">http://www.bigprintinc.com/new/main/attorder</a> the form looks fine. </p> https://legacy.forums.gravityhelp.com/topic/form-not-displaying-right#post-30415 Tue, 19 Jul 2011 12:48:15 +0000 Larsname 30415@https://legacy.forums.gravityhelp.com/ <p>Hi Your help has been great. </p> <p>As to the original question - my customer called and said that the the form was still misaligned. So I had her send me a screenshot that you can see at the following link:</p> <p><a href="http://bit.ly/pz632h" rel="nofollow">http://bit.ly/pz632h</a></p> <p>I have added screen shots from my computer so you can see what I am experiencing.</p> <p>Link to form page page is: <a href="http://bit.ly/qr2k2P" rel="nofollow">http://bit.ly/qr2k2P</a> </p> <p>Any help you can give here is appreciated</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/form-not-displaying-right#post-30006 Thu, 14 Jul 2011 14:55:17 +0000 Larsname 30006@https://legacy.forums.gravityhelp.com/ <p>Most Excellent! </p> <p>Just the kind of help I needed.</p> <p>THANK YOU!! </p> https://legacy.forums.gravityhelp.com/topic/form-not-displaying-right#post-29629 Mon, 11 Jul 2011 12:22:11 +0000 Carl Hancock 29629@https://legacy.forums.gravityhelp.com/ <p>1) To style any form element you would add custom CSS to your themes stylesheet that targets and styles the form element however you want. There is a documentation page with examples on how to target specific form elements here:</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a></p> <p>2) If you want to dynamically populate a field you would have to do so with custom PHP you add to your themes functions.php file to dynamically populate the form field. There is a tutorial on how to dynamically populate a field here:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Using_Dynamic_Population" rel="nofollow">http://www.gravityhelp.com/documentation/page/Using_Dynamic_Population</a></p> <p>3) There is no Reset button. It could only be added as a customization, although for most forms they are typically not very useful which is why it isn't currently an option. </p> https://legacy.forums.gravityhelp.com/topic/form-not-displaying-right#post-29626 Mon, 11 Jul 2011 12:04:52 +0000 Kevin Flahaut 29626@https://legacy.forums.gravityhelp.com/ <blockquote><p>1. Where do I add more top margin to the gsections and take 20px or so from the right side of the horizontal line. </p></blockquote> <p>You can find samples to target all of the form elements including the section containers with CSS here.</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Section_Break_Container" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Section_Break_Container</a></p> <blockquote><p>2. I want to prefill the "System Generated Ship Date" to be 4 days into the future from the "Date" field on the top line of the form? </p></blockquote> <p>You can add settings to set a future date to the jQuery UI datepicker element but you can't actually link the 2 date fields right now without writing some custom code to do so. We do plan on adding a date range field type in the future with some options but for now you'll have to do some customizations to pull it off</p> <p><a href="http://www.gravityhelp.com/forums/topic/default-date-90-days-in-future#post-28133" rel="nofollow">http://www.gravityhelp.com/forums/topic/default-date-90-days-in-future#post-28133</a></p> <blockquote><p>3. Is there a built in Reset Form field button? </p></blockquote> <p>No, there's no built in reset button but you can add one easily enough with a HTML field.</p> <p><a href="http://www.gravityhelp.com/forums/topic/reset-form-button#post-13499" rel="nofollow">http://www.gravityhelp.com/forums/topic/reset-form-button#post-13499</a> </p> https://legacy.forums.gravityhelp.com/topic/form-not-displaying-right#post-29581 Mon, 11 Jul 2011 00:25:35 +0000 Larsname 29581@https://legacy.forums.gravityhelp.com/ <p>Brilliant. Thanks for the quick response. </p> <p>I have 3 other questions. </p> <p>1. Where do I add more top margin to the gsections and take 20px or so from the right side of the horizontal line. </p> <p>2. I want to prefill the "System Generated Ship Date" to be 4 days into the future from the "Date" field on the top line of the form?</p> <p>3. Is there a built in Reset Form field button?</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/form-not-displaying-right#post-29578 Sun, 10 Jul 2011 23:15:59 +0000 Kevin Flahaut 29578@https://legacy.forums.gravityhelp.com/ <p>Well, since it's displaying properly in the preview page and not in your theme, that indicates it's a problem with your theme and not the default form styles. I poked around and found the source of your alignment issue.</p> <p>If you disable the margin properties on lines 1755 &amp; 2960 of your theme's style.css file, you'll see that the default form styles work as intended.</p> <p>screenshot: <a href="http://bit.ly/paPdt8" rel="nofollow">http://bit.ly/paPdt8</a></p> <p>If you add extra margins/padding to the left &amp; right sides of the containing list items, that' throws off the percentage width values that are assigned to them by default and you get the odd "stacking" floats that your seeing. </p> https://legacy.forums.gravityhelp.com/topic/form-not-displaying-right#post-29576 Sun, 10 Jul 2011 23:01:00 +0000 Larsname 29576@https://legacy.forums.gravityhelp.com/ <p>I am using the css ready class for my form. They are displaying right in the preview but they are not displaying right on the page. I am using studiopress genesis framework with a mod of the sleek child theme. I looks like Gravity Forms is putting div block between gf_left... and gf_right... items.</p> <p>Link <a href="http://www.bigprintinc.com/new/main/attorder" rel="nofollow">http://www.bigprintinc.com/new/main/attorder</a></p> <p>Can I get a little help? </p>