View Full Version : close icon is not shown in the panel

6 Sep 2012, 9:26 AM
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 ?

6 Sep 2012, 11:33 AM
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

6 Sep 2012, 11:52 AM
Also .. to state the obvious .. make sure you have this wrapped in onReady() so everything is rendered.


7 Sep 2012, 2:11 AM
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' ,
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

7 Sep 2012, 2:33 AM
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 ,