BorderLayout within FORM rather than BODY

[kalebwalton]

We're using a BorderLayout to create a form that spans across a few tabs. Since the BorderLayout needs to be appended to document.body (please correct me if I'm wrong) it takes all of our content outside the scope of the FORM element.

Example:


<form>
<div id="myborderlayout">hello</div>
</form>


becomes


<form>
</form>
<div id="myborderlayout">hello</div>


Is there any way to retain the scope of the tabs being within the FORM? I tried to append it to the FORM itself to no avail (rendered a thin blue line, that's it).

If not, I'd like to request that feature ;-)

[tryanDLS]

Did you try giving the form a unique ID and pass that to BorderLayout?

[jack.slocum]

BorderLayout can be rendered to any element as long as it has dimensions specified:

var layout = new BorderLayout('myborderlayout', { ....

Remember, your internal myborderlayout element will need dimensions.