Results 1 to 7 of 7

Thread: layout problems with extjs 4.1 in IE9

Threaded View

Previous Post Previous Post   Next Post Next Post
    Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Feb 2012
    Location
    Katzenellenbogen
    Posts
    51
    Vote Rating
    1
      0  

    Default layout problems with extjs 4.1 in IE9

    Hi,

    i try to move from 4.07 to 4.1 and i have some layout problems.
    This is my login form:

    Code:
            
    var loginForm = new Ext.form.FormPanel({           
      baseCls: 'x-plain',           
      labelWidth: 75,           
      defaultType: 'textfield',           
      items: [{              
        fieldLabel: 'Benutzer',               
        id: 'user',               
        name: 'user',               
        anchor:'90%'               
      },{               
        fieldLabel: 'Kunde',               
        id: 'company',               
        name: 'company',               
        anchor: '90%'              
      },{               
        fieldLabel: 'Passwort',               
        id: 'password',               
        name: 'password',               
        inputType: 'password',               
        anchor: '90%'                 
      }],
      buttons: [{
        text: 'Login',
        handler: function() {   }
      }]         
    });
    
    var loginWindow = new Ext.Window({           
      title: 'Login',           
      width: 300,           
      height:160,           
      closable:false,           
      minWidth: 300,           
      minHeight: 140,           
      layout: 'fit',           
      plain:true,           
      modal:true,           
      bodyStyle:'padding:5px;',           
      items: loginForm
    });
    
    loginWindow.show();
    In Chrome it looks good but it don't works in IE. In IE i get these errors:

    Code:
    [E] You have set frame: true explicity on this component (window) and it does not have any framing defined in the CSS template. In this case IE cannot figure out what sizes to use and thus framing on this component will be disabled. 
    [E] You have set frame: true explicity on this component (header) and it does not have any framing defined in the CSS template. In this case IE cannot figure out what sizes to use and thus framing on this component will be disabled. 
    [E] You have set frame: true explicity on this component (button) and it does not have any framing defined in the CSS template. In this case IE cannot figure out what sizes to use and thus framing on this component will be disabled.
    So there is something wrong with the CSS and IE9? Help needed, thanks.
    Attached Images Attached Images

Posting Permissions

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