Another Group control question

After reading through all I can find on the group control, I cannot resolve my question. I'll simplify the example below, but if the group does not technically "contain" anything, is there an example of how I can tell a group to wrap itself around or shadow a named div? I basically have a nice ugly square div as an input form and want to add the nice looks of the group to it. When I try to tell the group to add/use the div html, all it does is copy the static objects, which I understand.

<div id="gridHolder"></div>
<div id="formHolder">
  <form>
        <div class="row">
            <span class="label">User Id :</span>
             <span class="input" id="user_name"></span>
         </div>
    </form>
</div>

<script type="text/javascript">
    
    var group = new AW.UI.Group; 
    group.setId("groupContainer"); 
    group.setControlText("Members"); 
    group.setControlImage("user");
    group.setControlSize(400,400);
    group.setContent('html', document.getElementById("formHolder").innerHTML ); 
    document.write(group); // Now objects duplicated - chaos
    
    var first_name = new AW.UI.Input;
    first_name.setClass("first_name");
    //document.getElementById("first_name").innerHTML = first_name; // normal adding to document
    group.setContent('first_name',user_name); // test add to group content

    // many more objects....tests
    
</script>
 

I gather you've read through the comments on this page? http://www.activewidgets.com/aw.ui.group/

If you don't like the idea of positioning elements over another object, you could just use a normal HTML fieldset to encapsulate them instead.

Hi Anthony,

Thanks, yes I did look through those comments. I was hoping that there may be some kind of update to the groups since 2.5.1 that I missed.

Are you able to illustrate your sentence about the fieldset?

Nevermind, I get it.