Hybrid View

  1. #1
    Ext User digitalkaoz's Avatar
    Join Date
    Jun 2007
    Location
    Rostock, Germany
    Posts
    72
    Vote Rating
    0
    digitalkaoz is on a distinguished road

      0  

    Default resizing panel in an tabpanel in a window

    resizing panel in an tabpanel in a window


    he folks

    iv got some strange problem here...
    first the code
    PHP Code:
            Ext.QuickTips.init();
            
            
    extDialog = new Ext.Window({                // the window
                
    title:"Dialog",
                
    width:520,
                
    closable:true,
                
    collapsible:true
            
    });
            
            
    tabPanel = new Ext.TabPanel({                // the tabpanel 
                    
    id:"tabpanel",
                    
    xtype:'tabpanel',
                    
    border:false,
                    
    animScroll:true,
                    
    autoScroll:true,
                    
    draggable:false,
                    
    enableTabScroll:true,
             });
             
            
    extDialog.show();
            
    extDialog.on("resize",function(dlg,w,h){dlg.getComponent("tabpanel").doLayout()},extDialog)
            
    extDialog.add(tabPanel);
            
            
    extPanel = new Ext.Panel({                        // the panel
                    
    id:"panel",
                    
    title:"panel",
                    
    closable:true,
                    
    height:350,                                        // must set fixed height for displaying 
                    
    border:false,
                    
    layout:'border',
                    
    items:[{
                        
    region:'center',
                        
    border:0,
                        
    xtype:'panel'
                    
    },{
                        
    region:'south',
                        
    split:true,
                        
    xtype:'form',
                        
    height:150,
                        
    hideLabels:true,
                        
    hideBorders:true,
                        
    method:'POST',
                                
    layout:'form',
                        
    url:"",
                        
    items:[{
                                
    xtype:'htmleditor',
                                
    fieldLabel'',
                                
    name'message',
                                
    allowBlank:false,
                                
    enableSourceEdit:false,
                                
    anchor:'0-50'
                            
    },{
                                
    xtype:'hidden',
                                
    fieldLabel'',
                                
    name'attr',
                                
    allowBlank:false
                        
    }],
                        
    buttons:[{
                            
    text:"Send"
                        
    }]    
                    }]
            });
            
            
    tabPanel.add(extPanel);
            
    tabPanel.activate(extPanel.id);
            
    extDialog.doLayout(); 
    the problem is, if i resize the window, the tab wont resize (x axis works, y axis wont).
    i figured out that is has todo with the explicit height-setting of the panel
    if i dont set the panels height, nothing will be displayed

    what i want?
    correct resizing of tabs inside the windows tabpanel

    maybe someone could give me a hint, to solve this problem

    greetz
    digitalkaoz

  2. #2
    Ext User digitalkaoz's Avatar
    Join Date
    Jun 2007
    Location
    Rostock, Germany
    Posts
    72
    Vote Rating
    0
    digitalkaoz is on a distinguished road

      0  

    Default


    damn wrong sub-forum, maybe an admin could move this thread to the ext2.help.forum