It is possible to group some fields in the edit form?
I would like to group some fields together, give them a summarizing name and give the group some different background color and maybe even border so the user can navigate more easily.
Suppose I have 4 entries in the colModel:
|
1 2 3 4 5 |
<div class="sfcode">name<br /> address<br /> title<br /> income<br /> </div> |
I would like to show it in the edit form like:
|
1 2 3 4 5 6 7 8 9 10 11 |
<div class="sfcode">Personal: <hr class="bbcode_rule" /> | name [ ] |<br /> | address [ ] | <hr class="bbcode_rule" /> Business: <hr class="bbcode_rule" /> | title [ ] |<br /> | income [ ] | <hr class="bbcode_rule" /> </div> |
where the fields belonging to the Personal group/category would have – let's say – light green background and fields in the Business group would have light red background.
The difficulty is that there are lots of fields and I wouldn't want to give them background color on a one-by-one basis. And if there are groups then I could even use some collapse jQuery plugin to let the user to hide some of the groups.
