Hello,

I have an application with a tabpanel in the center and when I click in menu, some tabs are opened. When I load html in these tabs, no problem it display, but I try to load extjs components and it doesn't work (nothing display)

Example :

//////////////// My principal tabpanel open a new tab ///////////////////
tabPanel.add({
id : 'tabRO',
frame:false,
border:false,
autoShow:true,
closable: true,
closeAction:'destroy',
html: Ext.get('exo').dom.innerHTML
}).show();

///////////////////////// the component I want to include ///////////////////
var passwordResetForm = new Ext.Panel({
xtype: 'form',
id: 'password-reset-form',
labelWidth: 150,
renderTo:'myPan',
bodyStyle: 'padding:15px;background:transparent',
border: false,
//url: widgetURL,
items: [
{
xtype: 'textfield',
id: 'username',
fieldLabel: 'Username',
name: 'x01',
allowBlank: false,
minLength: 3,
maxLength: 64,
msgTarget: 'under',
anchor: '90%'
},

//////////////// the div ///////////////////////
<div id="exo" class="x-hide-display">
<div id="myPan"></div>
</div>

If I remove x-hide-display, it works but it printed two time in my page.

Please, someone have a idea for my mistake ?

Thanks
Sylvia From Bordeaux