Results 1 to 4 of 4

Thread: grids have no height in IE6

  1. #1
    Sencha User netnutmike's Avatar
    Join Date
    Jun 2008
    Location
    Frederick, MD
    Posts
    108

    Default grids have no height in IE6

    Hello again, here is my 2nd question.

    This is an Internet Explorer 6.0 problem. I develop in firefox so I can use firebug, etc. All of the grids word perfect in firefox but when I view them in IE6 I only see the scroll bar at the bottom of the grid and not any of the data in the grid or even the column headings.

    Any suggestions? below is a code snippet of just one of the grids. It seems they are all doing this.

    Code:
        var allcurrentgrid = new Ext.grid.GridPanel({
        store: allcurrentstore,
        columns: [
                {header: "Host", width: 120, sortable: true, dataIndex: 'Host'},
                {header: "Opened", width: 120, sortable: true, dataIndex: 'Opened'},            
                {id: 'alarmtext', header: "Alarm Text", sortable: true, dataIndex: 'AlarmText'}
            ],
        autoExpandColumn: 'alarmtext',
        title:'Current Proactive Alarms'
        });
    
        var landingtabs = new Ext.TabPanel({
            renderTo: 'toolbar',
            activeTab: 0,
            layoutOnTabChange: true,
            defaults:{autoScroll: true},
            items:[{
                title: 'Operational Impacts',
                items: [ opimpactsgrid ]
                },{
                title: 'Current Pro-Active Alarms',
                items: [ allcurrentgrid ]
                },{
                title: 'Network Status',
                contentE1: 'orionnetstatus',
                height: 700,
                autoShow:true
                },{
                title: 'Network Pro-Active Alarms',
                items: [ networkgrid ]
                },{
                title: 'Systems Pro-Active Alarms',
                items: [ systemsgrid ]
                },{
                title: 'Security Pro-Active Alarms',
                items: [ securitygrid ]
                },{
                title: 'Response Times',
                autoLoad: 'mrtg/responsetimessummary.php',
                id: 'responsetimes',
                height: 700
                }
            ]
        });

  2. #2
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    Overnested!

    Use:
    Code:
    var landingtabs = new Ext.TabPanel({
    	renderTo: 'toolbar',
    	activeTab: 0,
    	layoutOnTabChange: true,
    	height: 700,
    	width: 500
    	items:[
    		opimpactsgrid,
    		allcurrentgrid,
    		{
    			title: 'Network Status',
    			contentE1: 'orionnetstatus',
    			autoScroll: true
    		},
    		networkgrid,
    		systemsgrid,
    		securitygrid,
    		{
    			title: 'Response Times',
    			autoLoad: 'mrtg/responsetimessummary.php',
    			id: 'responsetimes',
    			autoScroll: true
    		}
    	]
    });

  3. #3
    Sencha User netnutmike's Avatar
    Join Date
    Jun 2008
    Location
    Frederick, MD
    Posts
    108

    Default

    that helps clear up the overnested discussions I saw on the forums. It makes sense adding more "items" inside of an "items" is nesting now.

    How do you recommend setting the tab titles using this method?

  4. #4
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,890

    Default

    With a title config?

Posting Permissions

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