https://legacy.forums.gravityhelp.com/topic/group-or-create-field-groups Gravity Support Forums Topic: Group or create field groups. en-US Mon, 20 Apr 2026 16:30:04 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/group-or-create-field-groups#post-99676 Thu, 06 Dec 2012 13:35:15 +0000 Chris Hajer 99676@https://legacy.forums.gravityhelp.com/ <p>The trick is to close the previous &lt; li &gt; and &lt; ul &gt; then add your HTML, then open the &lt; ul &gt; &lt; li &gt; again. Please see this more verbose explanation by Kevin Flahaut. </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> https://legacy.forums.gravityhelp.com/topic/group-or-create-field-groups#post-99637 Thu, 06 Dec 2012 11:34:38 +0000 Josh 99637@https://legacy.forums.gravityhelp.com/ <p>Is there a way to group fields into groups?</p> <p>Currently the form is outputs something like this...</p> <pre><code>&lt;form&gt; &lt;div&gt; &lt;ul id=&quot;gform_fields_2&quot;&gt; &lt;li id=&quot;gfield_2_1&quot;&gt;...&lt;/li&gt; &lt;li id=&quot;gfield_2_2&quot;&gt;...&lt;/li&gt; &lt;li id=&quot;gfield_2_3&quot;&gt;...&lt;/li&gt; &lt;li id=&quot;gfield_2_4&quot;&gt;...&lt;/li&gt; &lt;li id=&quot;gfield_2_5&quot;&gt;...&lt;/li&gt; &lt;li id=&quot;gfield_2_6&quot;&gt;...&lt;/li&gt; &lt;li id=&quot;gfield_2_7&quot;&gt;...&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/form&gt;</code></pre> <p>For example I want to be able to group fields 2_3 to 2_6</p> <p>So the mark up would look like this...</p> <pre><code>&lt;form&gt; &lt;div&gt; &lt;ul id=&quot;gform_fields_2&quot;&gt; &lt;li id=&quot;gfield_2_1&quot;&gt;...&lt;/li&gt; &lt;li id=&quot;gfield_2_2&quot;&gt;...&lt;/li&gt; &lt;li id=&quot;gfield_group_1&quot;&gt; &lt;ul&gt; &lt;li id=&quot;gfield_2_3&quot;&gt;...&lt;/li&gt; &lt;li id=&quot;gfield_2_4&quot;&gt;...&lt;/li&gt; &lt;li id=&quot;gfield_2_5&quot;&gt;...&lt;/li&gt; &lt;li id=&quot;gfield_2_6&quot;&gt;...&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li id=&quot;gfield_2_7&quot;&gt;...&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/form&gt;</code></pre> <p>Basiccally I need to do some custom styling. I tried putting the html block in either side of 2_3 to 2_6 but the html block is also wrapped in a &lt; li &gt; block.<br /> So you cant exactly hack it using the html block to put this in the top html field block,</p> <pre><code>&lt;li id=&quot;gfield_group_1&quot;&gt; &lt;ul&gt;</code></pre> <p>and then this in a lower html field block...</p> <pre><code>&lt;/ul&gt; &lt;/li&gt;</code></pre> <p>... as this breaks the page markup! Doh!</p> <p>Any ideas how I can group fields in a way like this?</p> <p>Thanks<br /> Josh </p>