close icon is not shown in the panel

[farouk]

hi everybody
when i load my html page , i can't see the close icon in the corner of the "home" panel , a panel which i create , fixing the error , i put closable : true but there 's no result
anyidea ?
thnx

[friend]

Without seeing code, it's hard to say. I'm guessing that it's possibly a layout issue or maybe a CSS conflict?

See if this simple piece of test code works as expected:

Ext.create('Ext.window.Window', {
  bodyPadding: 5,
  height: 200,
  layout: 'fit',
  title: 'Closable Panel Test',
  width: 300,
  items: [{
    xtype: 'panel',
    closable: true
  }]
}).show();

[scottmartin]

Also .. to state the obvious .. make sure you have this wrapped in onReady() so everything is rendered.

Scott.

[farouk]

firstable , thnx for your replies
i add { layout : 'fit' ,} in my code and nothing is changing
this the whole code :


region: 'center', id: 'centerTabPanel',
layout: 'fit',
xtype: 'tabpanel', // TabPanel itself has no title
activeTab: 0, // First tab active by default
items: {
xtype : 'panel',
title : 'Home',
id : 'homePanel' ,
closable:false,
iconCls: 'home',
html: 'The first tab\'s content. Others may be added dynamically'
}
in the home panel , there's no close icon in the corner
thnx

[farouk]

i think , it's due to the configuration of my ExtJs application , when i apply the window code , the close icon is not shown , also , i have a problem to load the icons having the name as { iconCls : ' zoom_in' , the ExtJs default icons ,