Threaded View

  1. #1
    Ext User
    Join Date
    Dec 2008
    Posts
    32
    Vote Rating
    0
    sptangirala is on a distinguished road

      0  

    Question problem in ie7

    problem in ie7


    Hi,
    The width of west panel is not proper in IE7. I have written the following,
    Code:
    var viewport = new Ext.Viewport({
            layout:'border',    
            items: [
                        new Ext.BoxComponent({
                            region:'north',
                            el: 'North',
                            height:'10%',
                            autoHeight:true 
                         }),                                         
                        new Ext.Panel({  
                            id: 'westPanel',                      
                            el:'West',
                            region: 'west',
                            title:'Select',
                            layout: 'fit',
                            width: 427,                        
                            minSize: 427,
                            split: true,                        
                            collapsible: true,
                            items:[ tabs ]
                        }),
                         {
                             id:'center-panel',
                             region:'center',
                             collapsible: true,
                             layout:'fit',
                             items: [grid]             
                         },                
                        southPanel  
            ]
       }); 
    
    i have written the following code for tabs in west panel,
    
    
        var tabs = new Ext.ExtTabPanel({
            id:'tabs1',
            renderTo: 'WestTab',
            activeTab: activeTabPanel,        
            layoutOnTabChange:true,
            items:[ 
                new Ext.Panel({
                 ContentEl:'CenterTab1',
                 title:'Browse',
                 layout: 'fit',
                 items:[ treePanel ]
                }),  
                new Ext.Panel({
                    contentEl:'CenterTab2',
                    title:'Query',  
                    layout: 'fit',
                    buttonAlign: 'center',            
                    items: [accordionPanel]
               }),new Ext.Panel({
                        ContentEl:'CenterTab3',
                     title:'Import',
                     layout: 'fit',                 
                     frame: true,    
                     hideMode:'offsets',
                     items: [{
                         xtype: 'panel',
                         bodyCfg: {tag: 'center',  style:'{background:white;}'},                                          
                         items: [importPanel]
                     }]
               }),new Ext.Panel({
                 ContentEl:'CenterTab4',
                 title:'Export',
                 layout: 'absolute',             
                 border: false,
                 hideMode:'offsets',
                 items:[{
                     x: -20,
                    y: 10,
                    width: 350,               
                     ContentEl: 'ExportForm',
                     items:[fp1]
                 },
                 {
                     x: -160,
                    y: 60,
                     width: 360,
                     ContentEl: 'ExportDetails',
                     items: [formP1]
                 }]
                }),new Ext.Panel({
                    ContentEl: 'CenterTab5',
                    title: 'Save',
                    layout: 'absolute',
                    border: false,
                    hideMode:'offsets',
                    items: [{
                        x: -5,
                        y:10,
                        width: 350,
                        ContentEl: 'saveFields',
                        items: [saveFieldsPanel]
                    },{
                        x: -90,
                        y:60,                    
                        width: 360,
                        ContentEl: 'saveButtons',
                        items: [saveButtonsPanel]
                    }]
                })]
                       
        });
    Someone please help. I have tried for lot of time i could not get it. With Firefox there are no issues.
    Last edited by mystix; 24 Feb 2009 at 7:11 AM. Reason: moved to 2.x Help from Examples. post code in [code][/code] tags. see http://extjs.com/forum/misc.php?do=bbcode#code