1. #1
    Sencha User
    Join Date
    Sep 2007
    Posts
    20
    Vote Rating
    0
    ikul is on a distinguished road

      0  

    Default [SOLVED] Container not rendered properly

    [SOLVED] Container not rendered properly


    I have got strange problem.

    When I try to run code below, the element in the most nested fieldset stays not rendered. But the 'rendered' property from it is true.
    Not tendered looks like this http://img126.imageshack.us/my.php?image=shot1qi5.png.
    If I change the viewport size by resizing the window the element magically render and looks like this http://img211.imageshack.us/my.php?image=shot2vc1.png.

    How to force rendering of all the elements to get effect like in the second image.

    Code the the problem occurs:
    PHP Code:
    Ext.onReady(function() {
        var 
    tabs = new Ext.TabPanel({
            
    renderTodocument.body,
            
    activeTab0,
            
    width:700,
            
    height:300,
            
    plain:true,
            
    defaults:{autoScrolltrue},
            
    items:[{
                    
    title'Normal Tab',
                    
    html"My content was added during construction."
                
    }
            ],
            
    id'tabs'
        
    });


    var 
    tab tabs.add({
        
    xtype'panel'
        
    ,layout:'border'
        
    ,activate:true
        
    ,closable:true
        
    ,autoScrolltrue
        
    ,title'AAA'
        
    ,items: [
          {
            
    region'north',
            
    xtype'form',
            
    height420,
            
    collapsibletrue,
            
    title:'Controls',
            
    items:[
             {
                
    xtype:'fieldset',
                
    title'Classification method',
                
    autoHeight:true,
                
    defaultType'textfield',
                
    items :[

                   {
                    
    xtype:'fieldset',
                    
    autoHeight:true,
                    
    items :[
                         {
                            
    xtype'textfield',
                            
    fieldLabel'Number of features',
                            
    name'nfeatures1',
                         }
                        ]
                   }

                ]
            }
            ]
        },{
            
    region'center',
            
    xtype'tabpanel',
            
    enableTabScroll:true,
            
    autoScroll:true,
            
    items: {
                
    title'Info tab',
                
    autoLoad: {url'index.php?action=getPage'params'page=analysisClassification.LearningTest'}
            },
            
    activeTab0
        
    }]
    });

        
    tabs.setActiveTab(tab);
    }); 

  2. #2
    Ext User
    Join Date
    Oct 2008
    Location
    Norway
    Posts
    106
    Vote Rating
    0
    Drayton is on a distinguished road

      0  

    Default


    Try adding doLayout() :

    Code:
    ...
        tabs.setActiveTab(tab);
        tab.doLayout();
    });

  3. #3
    Sencha User
    Join Date
    Sep 2007
    Posts
    20
    Vote Rating
    0
    ikul is on a distinguished road

      0  

    Default


    Thank you it worked
    I`m really grateful.

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    91
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    Or add layoutOnTabChange:true to the TabPanel config.

  5. #5
    Sencha User
    Join Date
    Sep 2007
    Posts
    20
    Vote Rating
    0
    ikul is on a distinguished road

      0  

    Default


    This one works to, thks

Thread Participants: 2