1. #1
    Sencha User
    Join Date
    Sep 2012
    Posts
    5
    Vote Rating
    0
    farouk is on a distinguished road

      0  

    Default Unanswered: close icon is not shown in the panel

    Unanswered: close icon is not shown in the panel


    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

  2. #2
    Sencha - Community Support Team friend's Avatar
    Join Date
    Apr 2011
    Posts
    895
    Answers
    106
    Vote Rating
    27
    friend has a spectacular aura about friend has a spectacular aura about

      0  

    Default


    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();

  3. #3
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,083
    Answers
    675
    Vote Rating
    467
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


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

    Scott.

  4. #4
    Sencha User
    Join Date
    Sep 2012
    Posts
    5
    Vote Rating
    0
    farouk is on a distinguished road

      0  

    Default


    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

  5. #5
    Sencha User
    Join Date
    Sep 2012
    Posts
    5
    Vote Rating
    0
    farouk is on a distinguished road

      0  

    Default


    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 ,

Thread Participants: 2