Is there a way to group fields into groups?
Currently the form is outputs something like this...
<form>
<div>
<ul id="gform_fields_2">
<li id="gfield_2_1">...</li>
<li id="gfield_2_2">...</li>
<li id="gfield_2_3">...</li>
<li id="gfield_2_4">...</li>
<li id="gfield_2_5">...</li>
<li id="gfield_2_6">...</li>
<li id="gfield_2_7">...</li>
</ul>
</div>
</form>
For example I want to be able to group fields 2_3 to 2_6
So the mark up would look like this...
<form>
<div>
<ul id="gform_fields_2">
<li id="gfield_2_1">...</li>
<li id="gfield_2_2">...</li>
<li id="gfield_group_1">
<ul>
<li id="gfield_2_3">...</li>
<li id="gfield_2_4">...</li>
<li id="gfield_2_5">...</li>
<li id="gfield_2_6">...</li>
</ul>
</li>
<li id="gfield_2_7">...</li>
</ul>
</div>
</form>
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 < li > block.
So you cant exactly hack it using the html block to put this in the top html field block,
<li id="gfield_group_1">
<ul>
and then this in a lower html field block...
</ul>
</li>
... as this breaks the page markup! Doh!
Any ideas how I can group fields in a way like this?
Thanks
Josh