TabContainer inside templated+widgetsInTemplate widget inside Dialog doesn't layout correctly

[vorun]

below is the example:

dojo.declare("dijit.TestWidget",
			[dijit._Widget, dijit._Templated], 
		{
			templateString: dojo.cache("dijit", "tests/TemplateTest.html"),
			widgetsInTemplate : true
		});	

<div dojoType="dijit.Dialog" id="tabDialog" title="TabContainer Dialog">
		<div dojotype="dijit.TestWidget" style="width:400px; height:400px;"></div>
	</div>

TemplateTest?.html /

<div>    
    <div dojoType="dijit.layout.TabContainer" style="width:400px; height:400px;">
        <div dojoType="dijit.layout.ContentPane" title="tab 1">
        </div>
        <div dojoType="dijit.layout.ContentPane" title="tab 2">
        </div>
    </div>
</div>

[bill]

template file

[bill]

main file

[bill]

OK I'll take a look. For the future please attach testcases using the "attach file" button.

[bill]

I don't think I can "fix" this but there's a workaround, or rather, a requirement about how you write your templated widget when that widget contains layout widgets. I'll attach modified code that works.

The problem is that TabContainer.resize() is called while the dialog is hidden (style="display: none"), and that won't work.

Need to change it so the Dialog, when shown, will call TestWidget.resize(), which will then call TabContainer.resize(). In your TestWidget:

isLayoutContainer: true,// signify that i'll call resize on my children
resize: function(){
 	this.embeddedTabContainer.resize();
}

Of course you need that attach point in your template:

<div dojoType="dijit.layout.TabContainer" ... dojoAttachPoint="embeddedTabContainer">

[bill]

test file (working)

[bill]

test file (working)