Grouping edit forms fields

[csnet]

Hi,
I need to make the edit forms more user friendly by grouping fields together.
Is Anyone have an idea on how to achieve nuBuilder edit form fields grouping:

FieldGrouping.PNG

Normally I use the <fieldset></fieldset> tag to achieve this. And I gave it a try on an edit form, by inserting two html objects around the fields, but I had no access.
Any idea on how to accomplish this will be welcome.

[massiws]

csnet, you could use an html object before your first field with some code like this:

Code: Select all

<fieldset style="height:250px; left:15px; top:10px; width:390px; position:absolute;"><legend>My fieldset</legend></fieldset>

or, better, put few lines of jQuery in nuLoadEdit() function:

Code: Select all

function nuLoadEdit() {
  $("#myfirstfield").before('<fieldset id="myfieldset">');
  $('#myfieldset')
    .append('<legend>My group legend</legend>')
    .css({
      'height'  :'250px',
      'left'    :'15px',
      'top'     :'10px',
      'width'   :'390px'
      'position':'absolute'
    });
  });
}

Hope this helps,
Max

[csnet]

Hi massiws,
thank you. I used the html object approach and it works fine.

[massiws]

.