1. #21
    Ext User
    Join Date
    Jun 2007
    Posts
    67
    Vote Rating
    0
    jschick is on a distinguished road

      0  

    Default


    Hello,

    I'm having what seems like a z-index problem with the chart in the media panel. Split bars and modal dialogs display under the chart rather than over top of it. What is the best way to fix this problem?

  2. #22
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Question


    Can you post a bit of your layout code, might be easier to spot.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  3. #23
    Ext User
    Join Date
    Jun 2007
    Posts
    67
    Vote Rating
    0
    jschick is on a distinguished road

      0  

    Default


    Here's most of it...

    Code:
    DistributionPanel = function(config) {
        Ext.apply(this, config);
        
        this.chartPanel = new Ext.ux.FusionPanel({
        	region: 'center',
    	floating: false,
    	fusionCfg: { 
    		id: Ext.id()
    	},
    	autoScroll: true,
    	chartURL: 'charts/Column2D.swf'
        });
    	
        this.distCm = new Ext.grid.ColumnModel([{
    	header: 'Range',
    	dataIndex: 'range',
    	sortable: true,
    	width: 90,
    	renderer: function(value) {
    		var base = value * 3;
    		return (base+" - "+(base+3));
    	}
        },{
    	header: 'Quantity',
    	dataIndex: 'count',
    	sortable: true,
    	width: 70
        },{
    	header: 'Avg Wt',
    	dataIndex: 'avg',
    	sortable: true,
    	width: 70
        },{
    	header: 'Total Wt',
    	dataIndex: 'total',
    	sortable: true,
    	width: 80
        }]);
        
        this.distStore = new Ext.data.Store({
    	reader: new Ext.data.ArrayReader({id: 0}, SRev.record.DistributionRange),
    	sortInfo: {
    		field: 'range',
    		direction: 'ASC'
    	}
        });
    	
        this.distGrid = new Ext.grid.GridPanel({
        	region: 'center',
            store: this.distStore,
            cm: this.distCm,
            autoExpandColumn: '3',
            disableSelection: true
        });
        
        this.distTree = new Ext.tree.TreePanel({
        	region:'west',
            split:true,
            autoScroll: true,
            lines: false,
            animate: false,
            width: 215,
            minSize: 50,
            rootVisible:false,
            root: new Ext.tree.AsyncTreeNode('Activities'),
            collapseFirst:false,
            loader: new Ext.tree.TreeLoader({
           	    baseParams: {action_id: 1},
           	    dataUrl: '/cgi-bin/report.cgi',
           	    preloadChildren: true
            }),
            bbar: [{
        	    iconCls: 'refresh-icon',
       	    handler: function() {
       		this.distTree.root.reload();
       	    },
       	    scope: this,
       	    tooltip: 'Refresh',
       	    tooltipType: 'title'
            }],
            listeners: {
           	    click: {
           		fn: this.loadNode,
           		scope: this,
                }
            }
        });
        
        this.distSummaryQty = new Ext.form.TextField({
        	fieldLabel: 'Quantity',
        	width: 50,
        	disabled: true,
        	disabledClass: 'x-item-textonly'
        });
        
        this.distSummaryAvgWt = new Ext.form.TextField({
        	fieldLabel: 'Avg Wt',
        	width: 50,
        	disabled: true,
        	disabledClass: 'x-item-textonly'
        });
        
        this.distSummaryTotalWt = new Ext.form.TextField({
        	fieldLabel: 'Total Wt',
        	width: 70,
        	disabled: true,
        	disabledClass: 'x-item-textonly'
        });
        
        this.distSummary = new Ext.form.FormPanel({
        	region: 'west',
        	title: 'Summary',
        	border: true,
        	split: true,
        	width: 135,
        	minSize: 50,
        	labelWidth: 65, 
            labelAlign: 'right',
            bodyStyle: 'padding-top: 10px',
        	items: [this.distSummaryQty, this.distSummaryAvgWt, this.distSummaryTotalWt]
        });
    	
        /* Call superclass constructor */
        DistributionPanel.superclass.constructor.call(this, {
        	layout: 'border',
            closable:true,
            frame: true,
            header: false,
    
            items: [{
            	region: 'center',
            	layout: 'border',
            	items: [this.chartPanel, {
            		region: 'south',
            		layout: 'border',
            		split: true,
        			height: 175,
        			minSize: 50,
            		items: [this.distGrid, this.distSummary]
            	}]
            }, this.distTree]
        });
        
        this.on('render', function() {
        	this.distTree.root.expand(false, false);	
        }, this, {delay:10}); 
    
    };

  4. #24
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    See if this addition provides any relief:
    Code:
    this.chartPanel = new Ext.ux.FusionPanel({
        region: 'center',
        floating: false,
        fusionCfg: { 
            id: Ext.id(),
            params:{ wmode:'transparent' }
        },
        autoScroll: true,
        chartURL: 'charts/Column2D.swf'
        });
    Last edited by hendricd; 13 May 2008 at 1:27 PM. Reason: should be params
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  5. #25
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default Revised

    Revised


    see prev post again
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  6. #26
    Ext User
    Join Date
    Jun 2007
    Posts
    67
    Vote Rating
    0
    jschick is on a distinguished road

      0  

    Default


    No, the problem remains

  7. #27
    Ext User
    Join Date
    Jun 2007
    Posts
    67
    Vote Rating
    0
    jschick is on a distinguished road

      0  

    Default


    Ok, let me try that...

  8. #28
    Ext User
    Join Date
    Jun 2007
    Posts
    67
    Vote Rating
    0
    jschick is on a distinguished road

      0  

    Default


    Still doesn't work with

    Code:
    params:{ wmode:'transparent' }

  9. #29
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    I'll have to work up an sample in that configuration and get back to you.

    What browsers are we talking about here?
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  10. #30
    Ext User
    Join Date
    Jun 2007
    Posts
    67
    Vote Rating
    0
    jschick is on a distinguished road

      0  

    Default


    I can see that that parameter is set in firebug and according to google results that should be the way to fix the problem....

Thread Participants: 105

  1. galdaka (1 Post)
  2. jay@moduscreate.com (1 Post)
  3. stever (2 Posts)
  4. kubens (2 Posts)
  5. Thylia (3 Posts)
  6. dolittle (1 Post)
  7. alindsay55661 (1 Post)
  8. mystix (13 Posts)
  9. fangzhouxing (2 Posts)
  10. Saeven (1 Post)
  11. cmd.ares (1 Post)
  12. gabbay (2 Posts)
  13. FlexIDX (1 Post)
  14. panosru (19 Posts)
  15. evant (1 Post)
  16. damien (2 Posts)
  17. cmendez21 (2 Posts)
  18. jschick (32 Posts)
  19. wxwdt (4 Posts)
  20. hallikpapa (5 Posts)
  21. ealpha (5 Posts)
  22. ZooKeeper (13 Posts)
  23. brookd (2 Posts)
  24. dante (2 Posts)
  25. newbie23 (2 Posts)
  26. sb32 (8 Posts)
  27. jerrybrown5 (2 Posts)
  28. smartinec (3 Posts)
  29. wm003 (1 Post)
  30. stoober (1 Post)
  31. wdragon27 (1 Post)
  32. stumpy_uk (1 Post)
  33. jebirch (2 Posts)
  34. Ted Gaunt (1 Post)
  35. fmartinez (7 Posts)
  36. CaCtus491 (1 Post)
  37. sigaref (1 Post)
  38. japeth (1 Post)
  39. cprompt (1 Post)
  40. Kangulo (1 Post)
  41. OakGoat (1 Post)
  42. basshcm (3 Posts)
  43. jcmartinez (2 Posts)
  44. John Milton (3 Posts)
  45. Richie1985 (8 Posts)
  46. Rafael (8 Posts)
  47. BlueCamel (11 Posts)
  48. zerodivide (1 Post)
  49. Joyfulbob (3 Posts)
  50. JoyfulBobHome (2 Posts)
  51. Shaguar (11 Posts)
  52. james.tucker (1 Post)
  53. brenda (3 Posts)
  54. nicholasnet (4 Posts)
  55. VinceChen (1 Post)
  56. enihs (2 Posts)
  57. Jinping (1 Post)
  58. Scorpie (1 Post)
  59. errodr (2 Posts)
  60. bwoody (3 Posts)
  61. kuzi (4 Posts)
  62. xblitz (3 Posts)
  63. service@think-1st.de (1 Post)
  64. aserron (10 Posts)
  65. canxss (2 Posts)
  66. dajester2008 (2 Posts)
  67. damien2209 (2 Posts)
  68. SimoAmi (5 Posts)
  69. zeke (2 Posts)
  70. wemerson.januario (3 Posts)
  71. ziuek (3 Posts)
  72. qvrb (2 Posts)
  73. gondrong (15 Posts)
  74. Alex84 (5 Posts)
  75. timhussey (1 Post)
  76. hlimaiem (1 Post)
  77. peturth (3 Posts)
  78. bhasheer (3 Posts)
  79. einavb (6 Posts)
  80. rpnoble (1 Post)
  81. wiem.ok (1 Post)
  82. ebart (1 Post)
  83. hfpmartins (2 Posts)
  84. funkie (2 Posts)
  85. fs060171816 (4 Posts)
  86. iamsanin (1 Post)
  87. Boubalou (7 Posts)
  88. silve69 (7 Posts)
  89. cyan198 (5 Posts)
  90. gimmick66 (2 Posts)
  91. nextdigital (1 Post)
  92. chameleonwebservices (1 Post)
  93. Andre Froes (1 Post)
  94. opdecinc (2 Posts)
  95. JertoZ (2 Posts)
  96. lingz_public (8 Posts)
  97. hnspics (1 Post)
  98. MarcHetu (1 Post)
  99. atulmore (4 Posts)
  100. sraghavachari (3 Posts)
  101. MrSparks (3 Posts)
  102. jayaprasad (1 Post)
  103. Jan (HL) (2 Posts)
  104. HJM (4 Posts)
  105. adammascherin (10 Posts)

Tags for this Thread