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 - Services Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,965
    Vote Rating
    12
    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 - Services Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,965
    Vote Rating
    12
    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 - Services Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,965
    Vote Rating
    12
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default 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 - Services Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,965
    Vote Rating
    12
    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