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
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
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:
Code:Ext.create('Ext.window.Window', { bodyPadding: 5, height: 200, layout: 'fit', title: 'Closable Panel Test', width: 300, items: [{ xtype: 'panel', closable: true }] }).show();
Also .. to state the obvious .. make sure you have this wrapped in onReady() so everything is rendered.
Scott.
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
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 ,
![]()