nuBuilder Forum

Posted: **Mon Mar 17, 2014 3:57 pm**

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.

Posted: **Tue Mar 18, 2014 4:28 pm**

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

Posted: **Tue Mar 25, 2014 10:21 pm**

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

Posted: **Wed Mar 26, 2014 12:04 am**

nuBuilder Forum

Grouping edit forms fields

Grouping edit forms fields

Re: Grouping edit forms fields

Re: Grouping edit forms fields

Re: Grouping edit forms fields