1. #1
    Sencha User
    Join Date
    Jul 2007
    Posts
    67
    Vote Rating
    0
    rekam is on a distinguished road

      0  

    Default [2.1][CLOSED] Firefox 3 and Grids

    [2.1][CLOSED] Firefox 3 and Grids


    Hi all!

    I've just tested some basic grids with Firefox 3, and it seems there're some funny things happening. Let's take this simple sample:

    Code:
    <div id="grid-test"></div>
    <script type="text/javascript">
    Ext.onReady(function(){
    
        var myData = [
            ['3m Co dlfk lskdlfklskdlfklek lkelkflsklfk lsdkfl ksdlfk lsdklf klsdkfl ksdlfk lsdkfl klsdkfl skdlf',71.72,0.02,0.03,'9/1 12:00am'],
            ['Alcoa Inc',29839849389483.01,0.42,1.47,'9/1 12:00am'],
            ['Altria Group Inc weio weofosd ofsdofoi osidofoq oqwdo qwdk lasdmdcnsjvbdjf werjqow jksadj k',83.81,0.28,0.34,'9/1 12:00am']
        ];
    
    
        // create the Grid
        var grid = new Ext.grid.GridPanel({
            store: new Ext.data.SimpleStore({
    	        fields: ['company', 'price',  'change', 'pctChange', 'lastChange'],
    	        data: myData
    	    }),
            columns: [
                {id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company'},
                {header: "Price", width: 75, sortable: true, dataIndex: 'price'},
                {header: "Change", width: 75, sortable: true, dataIndex: 'change'},
                {header: "% Change", width: 75, sortable: true, dataIndex: 'pctChange'},
                {header: "Last Updated", width: 85, sortable: true, dataIndex: 'lastChange'}
            ],
            height: 200,
            width: 500,
            title:'Array Grid'
        });
    
        grid.render('grid-test');
    });
    </script>
    You will see that columns width are all messed up. It's probably because of a Firefox3 bug in the CSS processor.

    The "overflow: hidden" doesn't work in a TD if there's no width explicitely defined in the TD. Should it be possible to add this width during the creation of the grid?

    source here: http://www.webdeveloper.com/forum/sh...d.php?t=184166

    thanks
    rekam

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,546
    Vote Rating
    62
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Fixed in SVN.

  3. #3
    Ext User
    Join Date
    Jun 2007
    Posts
    26
    Vote Rating
    0
    methodz is on a distinguished road

      0  

    Default patch?

    patch?


    Can you post a patch, so we can resolve it without going to the SVN ver?

  4. #4
    Ext User
    Join Date
    Feb 2008
    Posts
    2
    Vote Rating
    0
    nazica is on a distinguished road

      0  

    Default


    This path can be great for me too

  5. #5
    Ext User
    Join Date
    May 2008
    Posts
    4
    Vote Rating
    0
    ifwdev is on a distinguished road

      0  

    Default Firefox grid fix

    Firefox grid fix


    Just pull the working ext-all copy from the examples page... they aren't going to leave their public facing examples broken

  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,546
    Vote Rating
    62
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    That's ext-all.css

  7. #7
    Ext User
    Join Date
    Apr 2008
    Posts
    75
    Vote Rating
    0
    spextjs is on a distinguished road

      0  

    Default


    After replacing ext-all.css, when i checked in firefox 3, i did see that the distorting problem is resolved. however, in the grid, the previous, last, next....etc...images are not visible...

    also...in our case, we have a grid with the first column as a rowexpander, the (+) sign in this column is not visible.

    is there any work around to this?

    attached is the image....
    Attached Images

  8. #8
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,546
    Vote Rating
    62
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    It's the new CSS which will use the new images.

  9. #9
    Ext User
    Join Date
    Apr 2008
    Posts
    75
    Vote Rating
    0
    spextjs is on a distinguished road

      0  

    Default


    i didnt understand. can you please explain. do i need to make any more changes to make the images visible?
    i also hear that extjs 2.1 solves the problem. this problem is existing with ext 2.0.

    is that true? has anybody faced the issue before...

  10. #10
    Ext User
    Join Date
    Nov 2008
    Posts
    1
    Vote Rating
    0
    rocee is on a distinguished road

      0  

    Default


    The source codes given were very useful and worked with my linkstar uk satellite.....
    Thanks.....