Results 1 to 5 of 5

Thread: hidden + IE6

  1. #1
    Sencha User
    Join Date
    Mar 2007
    Location
    Bordeaux, France
    Posts
    75

    Default hidden + IE6

    Hello,

    I have a problem with the display as ie6 of container.
    I first create the FitLayout to hidden

    Code:
    {
        id:'tpts-container',
    //  hidden: true,
        layout: 'form',
        items:[{
            layout: 'fit',
            hidden: true,
        //  renderHidden: true,
            id:'tpts-container-0'
        },{
            layout: 'fit',
            hidden: true,
        //  renderHidden: true,
            id:'tpts-container-1'
        },{
            layout: 'fit',
            hidden: true,
        //  renderHidden: true,
            id:'tpts-container-2'
        },{
            layout: 'fit',
            hidden: true,
        //  renderHidden: true,
            id:'tpts-container-3'
        },{
            layout: 'fit',
            hidden: true,
        //  renderHidden: true,
            id:'tpts-container-R'
        }]
    }
    Here is the form that will be added later.

    Code:
    var cTpt = [{
        layout:'column',
        id:'tpt'+rang+'-container',
        items:[{
            width:160,
            labelWidth:45,
            layout:'form',
            items:Demande.srv0List
        },{
        //  width:310,
            width:635,
            hideLabels:true,
            layout:'form',
            items:libField
        },{
            width:50,
            layout:'form',
            items:delBtn
        }]
    }];
    And finally I do show.

    Code:
    Ext.getCmp("tpts-container-0").show();    
    Ext.getCmp("tpts-container-0").add(cTpt); 
    Ext.getCmp("tpts-container-0").doLayout();
    Attached Images Attached Images

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Location
    Bordeaux, France
    Posts
    75

    Default

    bump

  3. #3

    Default

    If I understand your code correctly then you want to dynamically add/show subpanels to your main panel. Why don't you use the add/insert/remove methods of the main panel instead ?

  4. #4
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,890

    Default

    fit layout sizes its child item to fit its own size.

    What is the defined height/width of tpts-container-0?

    I would configure those with hideMode: 'offsets'

    Also, don't use a Panel where you only need a Container:

    Code:
    var cTpt = [{
        layout:'column',
        xtype: 'container',
        defaultType: 'container',
        id:'tpt'+rang+'-container',
        items:[{
            width:160,
            labelWidth:45,
            layout:'form',
            items:Demande.srv0List
        },{
        //  width:310,
            width:635,
            hideLabels:true,
            layout:'form',
            items:libField
        },{
            width:50,
            layout:'form',
            items:delBtn
        }]
    }];

  5. #5
    Sencha User
    Join Date
    Mar 2007
    Location
    Bordeaux, France
    Posts
    75

    Default

    Thanks you Animal.
    hideMode: 'offsets' and xtype: 'container' resolved my problems
    I have another prolems : http://www.extjs.com/forum/showthread.php?t=86877

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •