https://legacy.forums.gravityhelp.com/topic/styling-forms-inline-fields Gravity Support Forums Topic: Styling Forms, Inline fields en-US Mon, 20 Apr 2026 11:48:38 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-forms-inline-fields#post-29810 Tue, 12 Jul 2011 14:34:17 +0000 Kevin Flahaut 29810@https://legacy.forums.gravityhelp.com/ <p>They're unique for each form and will be available to add from the select box directly above the notification message box.</p> <p>screenshot: <a href="http://bit.ly/qxHHu0" rel="nofollow">http://bit.ly/qxHHu0</a> </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-inline-fields#post-29809 Tue, 12 Jul 2011 14:17:14 +0000 aidilism 29809@https://legacy.forums.gravityhelp.com/ <p>Hi there. Thank you for the quick reply.</p> <p>In regards to the field names (for notifications), how do I identify it? e.g. {Address (Street Address):8.1}</p> <p>Thank you. </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-inline-fields#post-29806 Tue, 12 Jul 2011 14:00:52 +0000 Kevin Flahaut 29806@https://legacy.forums.gravityhelp.com/ <p>There is a left/right label option in the form settings if you prefer the labels along side the inputs rather than above them.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Form_Settings" rel="nofollow">http://www.gravityhelp.com/documentation/page/Form_Settings</a></p> <p>For the notification emails, If you use the default {all_fields} merge code, that is automatically formatted and you can't change the layout. However, the notification emails support HTML so you can format them however you would like using the individual merge codes for each field.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Notifications" rel="nofollow">http://www.gravityhelp.com/documentation/page/Notifications</a></p> <p>You would end up with some custom HTML markup like this example..</p> <pre><code>&lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;&lt;strong&gt;Name:&lt;/strong&gt; {Name (First):7.3} {Name (Last):7.6}&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt; td&gt;&lt;strong&gt;Email:&lt;/strong&gt; {Address (Street Address):8.1}{Email:6}&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;strong&gt;Street Address:&lt;/strong&gt; {Address (Street Address):8.1}&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/styling-forms-inline-fields#post-29801 Tue, 12 Jul 2011 13:15:58 +0000 aidilism 29801@https://legacy.forums.gravityhelp.com/ <p>Hi there.</p> <p>Need help in the styling of my forms:-<br /> 1. <a href="http://www.riverwalktandoor.com.sg/wordpress/?page_id=291" rel="nofollow">http://www.riverwalktandoor.com.sg/wordpress/?page_id=291</a><br /> 2. <a href="http://www.riverwalktandoor.com.sg/wordpress/?page_id=289" rel="nofollow">http://www.riverwalktandoor.com.sg/wordpress/?page_id=289</a></p> <p>How do I make the Label and Field to be in the same line on these pages as well as the confirmation / email reply?</p> <p>Thank you. </p>