1. #1
    Sencha Premium Member cmendez21's Avatar
    Join Date
    Jun 2007
    Location
    Mexico D.F.
    Posts
    478
    Vote Rating
    0
    cmendez21 is on a distinguished road

      0  

    Default [2.x] Grid Header issue on IE8

    [2.x] Grid Header issue on IE8


    Hi there i just want to report a bug i noticed on Ext 2x versions on IE8
    Besides i have read ie8 still its not yet supported but just for the record and give you the warning

    TESTED OS and browsers
    • Windows Vista with IE8
    • XP sp3 with IE8
    Tested Grid inside the next containers:
    • Tab panel
    • Panel with border layout
    Tested versions
    • 2.0.1
    • 2.0.2
    • 2.2.1
    I have this code as small sample on how im creating my grid
    HTML Code:
        var myarea_inbox_grid = new Ext.grid.GridPanel({
            header:false,
            id:'myinbox_grid_area',    
            store: myarea_inbox_ds,
            cm: myarea_inbox_colModelx,    
            sm: myarea_inbox_sm,
            frame:true,
            viewConfig: {
                autofill: false, 
                forceFit:true,
                emptyText :'theres no records..!'
            },    
            tbar: myarea_inbox_tbarx,    
            bbar: myarea_inbox_bbarx
        });
    An the result is this (image) :



    NOW if i set the compatibility header for IE8 as follows

    HTML Code:
    <meta http-equiv="X-UA-Compatible" content="IE=7" > <!-- IE7 mode -->
    But in order to make it work as i desire i have to add my domain on the compatibility view configuration. I got the desired results emulating ie7 but not on Ie8:



    Pd:the working sample i have it but the code its for a client and i cannot give acces just like that,im willing to provide access only to Extjs staff if you want to check it out
    pm me pls.
    E2CS: Extjs - Event calendar solution | XtPrinter
    Calendar Thread | XtPrinter Thread| Blog

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,898
    Vote Rating
    623
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Just to be clear, you're saying the bug is the space above the title?

    This bug only occurs when you have it inside a container? Can you provide a simplified test case to demonstrate the issue?
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Sencha Premium Member cmendez21's Avatar
    Join Date
    Jun 2007
    Location
    Mexico D.F.
    Posts
    478
    Vote Rating
    0
    cmendez21 is on a distinguished road

      0  

    Default


    Quote Originally Posted by evant View Post
    Just to be clear, you're saying the bug is the space above the title?

    This bug only occurs when you have it inside a container? Can you provide a simplified test case to demonstrate the issue?
    I tested on the samples and no problem at all ,

    It happens to me just inside tabpanel and panel with border layout, i PM you the access to my app if you want to be more specific on the issue ?
    E2CS: Extjs - Event calendar solution | XtPrinter
    Calendar Thread | XtPrinter Thread| Blog

  4. #4
    Sencha Premium Member cmendez21's Avatar
    Join Date
    Jun 2007
    Location
    Mexico D.F.
    Posts
    478
    Vote Rating
    0
    cmendez21 is on a distinguished road

      0  

    Default


    Hi Evant I've send you a pm with info and access to the app about this
    E2CS: Extjs - Event calendar solution | XtPrinter
    Calendar Thread | XtPrinter Thread| Blog

  5. #5
    Sencha Premium Member cmendez21's Avatar
    Join Date
    Jun 2007
    Location
    Mexico D.F.
    Posts
    478
    Vote Rating
    0
    cmendez21 is on a distinguished road

      0  

    Default


    Its weird i have updated the Extjs 2.2.1 from the SVN and now if i have one of these on the headers

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta http-equiv="X-UA-Compatible" content="IE=7" >

    Appears the blank header, but if i remove it, its ok And also i have set no compatibility on the IE8
    For the record the issue was only appearing on dinamic loading scripts

    Sorry for reporting this, and scare you .!
    E2CS: Extjs - Event calendar solution | XtPrinter
    Calendar Thread | XtPrinter Thread| Blog

  6. #6
    Sencha User
    Join Date
    Jan 2011
    Location
    Bangalore
    Posts
    12
    Vote Rating
    0
    srivastava.rajiv is on a distinguished road

      0  

    Default


    I am facing issues with IE8 and extJS 2.0.2 version. All the dropdown buttons are misaligned with the combo boxes where as it is perfectly in alignment when seen in IE7.

  7. #7
    Sencha User
    Join Date
    Jan 2011
    Location
    Bangalore
    Posts
    12
    Vote Rating
    0
    srivastava.rajiv is on a distinguished road

      0  

    Default


    here is a snapshot
    Attached Images

  8. #8
    Sencha User
    Join Date
    Jan 2011
    Posts
    1
    Vote Rating
    0
    babytime is on a distinguished road

      0  

    Default


    .x-panel-tl { display:none;}

  9. #9
    Sencha User
    Join Date
    Jan 2011
    Location
    Bangalore
    Posts
    12
    Vote Rating
    0
    srivastava.rajiv is on a distinguished road

      0  

    Default


    thanks much for replying to my post but adding the line mentioned didn't helped