1. #121
    Sencha User
    Join Date
    Feb 2008
    Posts
    31
    Vote Rating
    0
    salvo is on a distinguished road

      0  

    Default Problem with TabPanel scenario

    Problem with TabPanel scenario


    Hi,

    I'm facing an issue with a really simple tabPanel scenario.

    Basically I want a PDF file to be automatically loaded in tab #5 when my viewport is rendered.
    But my attempts are still unsuccessful: I can't get the PDF file from being called so the tab body remains empty. No trace of a call for the PDF file in Firebug.

    PHP Code:
    Ext.onReady(function(){

    ...

       
    tab5 = new Ext.ux.MediaPanel({
            
    id:'tab-5',
            
    renderTo:'center5',
            
    title'tab #5',
            
    iconCls 'icon-prom',
            
    bodyStyle:'padding:5px',
            
    config:{ 
                    
    mediaType   :'PDF',
                    
    url:'/controller/fileserver.cfm?did=p1'// <= never fired. why?
                    
    unsupportedText notSupported['PDF']
                 }
        });

    ...

        var 
    mainTabPanel = new Ext.TabPanel({
            
    region'center',
            
    margins'0 0 0 0',
            
    bodyStyle:'padding:0px',
            
    activeTab0,
            
    items: [ tab1 tab2 tab3 tab4 tab5 tab6 ],
            
    enableTabScroll:true// scroll through tabs
            
    plugins: new Ext.ux.TabCloseMenu() //tabs context menu
        
    }); 
    Also I noticed...
    PHP Code:
    tab5.renderMedia(); 
    ... is no help, just nothing happens.

    What Am I missing ?

    Thanks,
    Salvo

  2. #122
    Sencha User
    Join Date
    Feb 2008
    Posts
    31
    Vote Rating
    0
    salvo is on a distinguished road

      0  

    Cool


    Replacing

    PHP Code:
    config:{ ... } 
    taken from the Flash examples by

    PHP Code:
    mediaCfg:{ ... } 
    from the doc solved this. I'm using 0.31

    Thanks for this great plugin!
    Salvo

  3. #123
    Sencha User Lobos's Avatar
    Join Date
    Oct 2007
    Location
    Sao Paulo, Brazil
    Posts
    461
    Vote Rating
    -1
    Lobos is an unknown quantity at this point

      0  

    Default


    Any idea why the flash shows in FF and not in IE? I checked the markup in firebug and pasted it into a html file and it brings up the flash in ie, but it won't from within ext???

    PHP Code:
    var tplFlash = new Ext.Panel({
                                        
    titlefalse,
                                        
    border:false,
                                        
    closabletrue,
                                        
    layout:'fit',
                                        
    id:'tplFlash',
                                        
    height:250,
                                        
    items: [{
                                              
    title    'Template Preview',
                                              
    border   :false,
                                              
    id       'clockPanel',
                                              
    xtype    'mediapanel',
                                              
    hideMode 'visibility',
                                              
    autoScroll:  false,
                                              
    autoHeight   :  true,
                                              
    autoWidthtrue,                
                                              
    mediaCfg : {
                                                    
    mediaType:'SWF',
                                                    
    urlExt.getCmp('TPLimage').getValue(),
                                                    
    id:  'clock',
                                                    
    start    true,
                                                    
    controls :true,
                                                    
                                                    
    params: {
                                                    
    wmode     :'transparent',
                                                       
    scale     :'exactfit',
                                                       
    salign    :'t'
                                                    
    },
                                                    
    classid :"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                                               
    }}]
                                    });
                            
                                
                                
                                    
    Ext.getCmp('mpanel').add(tplFlash);
                                    
    Ext.getCmp('mpanel').doLayout(); 

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

      0  

    Default


    Quote Originally Posted by Lobos View Post
    Any idea why .....
    Code:
    var tplFlash = new Ext.Panel({
                                        title: false,
                                        border:false,
                                        closable: true,
                                        layout:'fit',
                                        id:'tplFlash',
                                        height:250,
                                        items: [{
                                              title    : 'Template Preview',
                                              border   :false,
                                              id       : 'clockPanel',
                                              xtype    : 'mediapanel',
                                              hideMode : 'visibility',
                                              autoScroll:  false,
                                              autoHeight   :  true,
                                              autoWidth: true,                
                                              mediaCfg : {
                                                    mediaType:'SWF',
                                                    url: Ext.getCmp('TPLimage').getValue(),
                                                    id:  'clock',
                                                    start    : true,
                                                    controls :true,
                                                    
                                                    params: {
                                                    wmode     :'transparent',
                                                       scale     :'exactfit',
                                                       salign    :'t'
                                                    },classid:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
                                               }}]
                                    });
                            
                                
                                
                                    Ext.getCmp('mpanel').add(tplFlash);
                                    Ext.getCmp('mpanel').doLayout();
    Try without the classid, mediaPanel manages that for you.
    "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. #125
    Sencha User Lobos's Avatar
    Join Date
    Oct 2007
    Location
    Sao Paulo, Brazil
    Posts
    461
    Vote Rating
    -1
    Lobos is an unknown quantity at this point

      0  

    Default


    yeah I know - that was there from my experiments. I did fix it - I think it was due to this:

    PHP Code:
    //wmode     :'transparent', 

  6. #126
    Sencha User Lobos's Avatar
    Join Date
    Oct 2007
    Location
    Sao Paulo, Brazil
    Posts
    461
    Vote Rating
    -1
    Lobos is an unknown quantity at this point

      0  

    Default


    Hi there,

    I was wondering if it is possible to change a swf displayed in the panel on the fly... my code looks like this:

    PHP Code:
    {            
                
    region:'center',            
                
    bodyStyle:'border-right:0;border-top:0;border-bottom:0',
                
    split:true,            
                
    title    'Template Preview',
                
    border   :false,
                
    id       'templateDemo',
                
    xtype    'mediapanel',
                
    hideMode 'visibility',
                
    autoScroll:  false,
                
    layout:'fit',
                
    mediaCfg : {
                    
    mediaType:'SWF',
                    
    url'tpl2.swf',
                    
    id:  'clock',
                    
    start    true,
                    
    controls :true,                    
                    
    params: {
                    
    //wmode     :'transparent',
                       
    scale     :'exactfit',
                       
    salign    :'t'
                    
    }
                }
            } 
    And I would like to update the swf showing in the panel from time to time, is this possible? i tried calling this below, but it doesn't change anything...

    Ext.getCmp('templateDemo').renderMedia(Ext.apply(Ext.getCmp('templateDemo'),{
    mediaCfg : {url: 'tpl6.swf' + '?' + (new Date()).getTime()}
    }));

    Ext.getCmp('templateDemo').renderMedia();

    -Lobos

  7. #127
    Sencha User Lobos's Avatar
    Join Date
    Oct 2007
    Location
    Sao Paulo, Brazil
    Posts
    461
    Vote Rating
    -1
    Lobos is an unknown quantity at this point

      0  

    Default


    ok I got it to work, I had to remove the mediacfg portion of the panel and call it like this:

    PHP Code:
    Ext.getCmp('templateDemo').renderMedia( {
                        
    mediaType:'SWF',
                        
    urlrecord.json.tplImage,
                        
    id:  'clock',
                        
    start    true,
                        
    controls :true,                    
                        
    params: {
                           
    scale     :'exactfit',
                           
    salign    :'t'
                        
    }
                     }); 
    so how I had to removie it from the panel - wouldn't work otherwise...

    PHP Code:
    {            
                
    region:'center',            
                
    bodyStyle:'border-right:0;border-top:0;border-bottom:0',
                
    split:true,            
                
    title    'Template Preview',
                
    border   :false,
                
    id       'templateDemo',
                
    xtype    'mediapanel',
                
    hideMode 'visibility',
                
    autoScroll:  false,
                
    layout:'fit'/*,
                mediaCfg : {
                    mediaType:'SWF',
                    url: 'tpl2.swf',
                    id:  'clock',
                    start    : true,
                    controls :true,                    
                    params: {
                    //wmode     :'transparent',
                       scale     :'exactfit',
                       salign    :'t'
                    }
                }*/
            


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

      0  

    Default


    @Lobos -- You can start out with the mediapanel empty or with a 'starting' mediaCfg. Since you're playing with SWF objects you should use the xtype:'flashpanel' instead because removing a Flash object on IE requires some care which the ux.MediaPanel.Flash handles for you when you call renderMedia on it:

    Code:
    items: [{
       title    : 'Template Preview',
       border   :false,
       id       : 'clockPanel',
       xtype    : 'flashpanel',
       hideMode : 'visibility',
       autoScroll:  false,
       autoHeight   :  true,
       autoWidth: true,                
       mediaCfg : {
          
           url: Ext.getCmp('TPLimage').getValue(),
           id:  'clock',
           start    : true,
           controls :true,
                                                    
           params: {
               scale     :'exactfit',
               salign    :'t'
           }
       }
    }],....
    To refresh the existing mediaCfg again just call .renderMedia again without any parameters and it re-uses the last one defined.

    Code:
    Ext.getCmp('clockPanel').renderMedia();
    or, you can replace it (safely) with another media configuration:

    Code:
    Ext.getCmp('clockPanel').renderMedia(
       {
           url: Ext.getCmp('TPLimage').getValue(),
           id:  'clock',
           start    : true,
           controls :true,
           params: {
               scale     :'exactfit',
               salign    :'t'
           }
       });
    To clear the panel, just reset the body:
    Code:
    var c = Ext.getCmp('clockPanel');
    c.clearMedia(); //Important on IE !
    c.body.update('');
    Guess I need to work on those Wiki docs soon eh?
    "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.


  9. #129
    Ext User
    Join Date
    Dec 2007
    Location
    Rijswijk, Netherlands
    Posts
    5
    Vote Rating
    0
    urabus is on a distinguished road

      0  

    Question help wanted

    help wanted


    Hi,
    I read this thread and MediaPanel seems a great component. Now I seem to be running into a problem with MP (IE vs. FF) in the next example:
    Code:
    Ext.onReady(function() {
    	var viewport = new Ext.Viewport({
    		id: 'main',
    		title: 'Main',
    		layout: 'fit',
    		items:[{
    //			layout: 'column',
    //			xtype: 'tabpanel',
    			items: [{
    				id: 'panel2',
    				title: 'Panel 2',
    				border: true,
    				columnWidth: .4,
    				html: '<h1>Panel2 content</h1>'
    			},{
    				id: 'panel1',
    				title: 'The flash movie',
    				border: true,
    				columnWidth: .6,
    				xtype: 'flashpanel',
    				hidemode: 'visibility',
    				mediaCfg: {
    					mediaType: 'SWF',
    					url: 'http://images2.flashkit.com/tutorials/Interactivity/Making_a-David_Be-543/dial_button.swf',
    					id: 'flashMovie',
    					start: false,
    					params: {
    						wmode: 'transparent',
    						scale: 'exactfit',
    						salign: 't'
    					}
    				}
    			}]
    		}]
    	});
    });
    When adding to tab to a tabpanel, I get the flash movie in IE and FF. Switching tabs resets the movie in FF, in IE state is preserved. When replacing xtype:'tabpanel' with layout:'column' (commented lines in code) to put the panels next to each other IE gives no problem, but FF does not display the flashmovie.

    My intent is to have multiple tabs with one having a columnlayout containing the mediapanel. Can someone please explain the behavior I observed and maybe propose a solution in the direction of what I'm trying to accomplish?

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

      0  

    Red face FF Refresh further explained.

    FF Refresh further explained.


    @urabus -- Your layout wasn't quite right for your goal.
    Given:
    My intent is to have multiple tabs with one having a columnlayout containing the mediapanel.
    try this one:

    Code:
    Ext.onReady(function() {
        var viewport = new Ext.Viewport({
            id: 'main',
            title: 'Main',
            layout: 'fit',
            items:[{
               xtype: 'tabpanel',
               /* important: All tabs must me hidden the same way on FF */
                defaults: {hideMode: 'visibility'},  //for all its tabs (try 'offsets' too)
               
                items: [{
                    id: 'panel2',
                    title: 'Panel 2',  //ordinary Panel in tab 1
                    border: true,
                    html: '<h1>Panel2 content</h1>'
                 },{
                   id:'columns',  //intermediate column layout panel required here
                   layout:'column',
                   items:[{
                       id: 'column1-movie',
                       title: 'The flash movie',
                       border: true,
                       columnWidth: .4,
                       xtype: 'flashpanel',
                       mediaCfg: {
                           mediaType: 'SWF',
                           url: 'http://images2.flashkit.com/tutorials/Interactivity/Making_a-David_Be-543/dial_button.swf',
                           id: 'flash1',
                           start: false,
                           params: {
                               wmode: 'transparent',
                               scale: 'exactfit',
                               salign: 't'
                           }
                        }
                      },
                      { 
                        id: 'column2-movie',
                        title: 'The flash movie',
                        border: true,
                        columnWidth: .6,
                        xtype: 'flashpanel',
                        mediaCfg: {
                             mediaType: 'SWF',
                             url: 'http://images2.flashkit.com/tutorials/Interactivity/something_else.swf',
                            id: 'flash2',
                            start: false,
                            params: {
                                 wmode: 'transparent',
                                 scale: 'exactfit',
                                 salign: 't'
                            }
                        }
                     }
                   ]
                }
            }]
        });
    });
    See this thread on FF issues in general.
    "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.


Thread Participants: 159

  1. franklt69 (1 Post)
  2. jay@moduscreate.com (2 Posts)
  3. bidyut (2 Posts)
  4. aconran (1 Post)
  5. ambience (1 Post)
  6. Carina (1 Post)
  7. simeon (2 Posts)
  8. JeffBurr (2 Posts)
  9. dolittle (21 Posts)
  10. mystix (11 Posts)
  11. albeva (1 Post)
  12. sdrew (2 Posts)
  13. JorisA (1 Post)
  14. MindCore (1 Post)
  15. FlexIDX (1 Post)
  16. kpandey (6 Posts)
  17. Foggy (6 Posts)
  18. DigitalSkyline (8 Posts)
  19. thesilentman (1 Post)
  20. bobringer (1 Post)
  21. ralf (6 Posts)
  22. Actuarybrad (1 Post)
  23. pantarhei (2 Posts)
  24. albertyips (1 Post)
  25. ethraza (5 Posts)
  26. anjelika (4 Posts)
  27. Nash-T (2 Posts)
  28. stamm (1 Post)
  29. devnull (12 Posts)
  30. ZooKeeper (1 Post)
  31. SlashEMc2k (2 Posts)
  32. dante (3 Posts)
  33. gelleneu (6 Posts)
  34. moloth (1 Post)
  35. amadman (5 Posts)
  36. chemist458 (6 Posts)
  37. stratboogie (3 Posts)
  38. Makor (9 Posts)
  39. egs (3 Posts)
  40. kenshin (1 Post)
  41. stumpy_uk (4 Posts)
  42. Lobos (12 Posts)
  43. crpatrick (12 Posts)
  44. hat27533 (6 Posts)
  45. Sesshomurai (12 Posts)
  46. ajaxvador (1 Post)
  47. junkzilla (6 Posts)
  48. urabus (5 Posts)
  49. tfrugia (1 Post)
  50. rajthakur (1 Post)
  51. rproudman (2 Posts)
  52. Tom Pan (1 Post)
  53. wsn24x7 (1 Post)
  54. dev_orion (5 Posts)
  55. basshcm (4 Posts)
  56. Marte (4 Posts)
  57. israel (1 Post)
  58. luv2hike (9 Posts)
  59. richgoldmd (11 Posts)
  60. BlueCamel (2 Posts)
  61. NOSLOW (3 Posts)
  62. salvo (2 Posts)
  63. hpet (1 Post)
  64. GilbsFr24 (1 Post)
  65. damian79 (6 Posts)
  66. kirill533 (5 Posts)
  67. dias (5 Posts)
  68. debarcar (2 Posts)
  69. deltron0 (6 Posts)
  70. userofit (1 Post)
  71. smit_al (3 Posts)
  72. ignatius (2 Posts)
  73. art.home.ext (1 Post)
  74. jasondeegan (4 Posts)
  75. moegal (1 Post)
  76. DTT_11-1983 (5 Posts)
  77. balybaloo (1 Post)
  78. jarjar (1 Post)
  79. Eric24 (13 Posts)
  80. Mr-T (2 Posts)
  81. IT100 (1 Post)
  82. inhib (1 Post)
  83. s4brown (1 Post)
  84. soulgen (2 Posts)
  85. tinakonda (1 Post)
  86. ktcorby (3 Posts)
  87. Sadhana X Punuru (2 Posts)
  88. maturin666 (4 Posts)
  89. jeremyswitzer (1 Post)
  90. KimSchneider (4 Posts)
  91. Kelly Riley (2 Posts)
  92. stephroy (2 Posts)
  93. bhaveshbhatkar (2 Posts)
  94. Bucs (21 Posts)
  95. love4soul (2 Posts)
  96. SimoAmi (4 Posts)
  97. JacobWang (5 Posts)
  98. bhangale.parag (4 Posts)
  99. ibet (1 Post)
  100. mschwartz (6 Posts)
  101. armagedon (1 Post)
  102. Bazen (2 Posts)
  103. jsuser (2 Posts)
  104. agon84 (1 Post)
  105. cheenu1979 (3 Posts)
  106. rpastorelle (1 Post)
  107. Skunkerbr (2 Posts)
  108. hlimaiem (2 Posts)
  109. chrizmaster (1 Post)
  110. ciait (1 Post)
  111. Saneth (2 Posts)
  112. fpo (2 Posts)
  113. hzwei (4 Posts)
  114. cool.akshay (1 Post)
  115. Celandro (22 Posts)
  116. dbagchi77 (2 Posts)
  117. jej2003 (1 Post)
  118. Choub (1 Post)
  119. diparc (2 Posts)
  120. WarEagle26 (5 Posts)
  121. johnsilly57 (10 Posts)
  122. lagodoy (1 Post)
  123. dulisse.simone (4 Posts)
  124. xbboys (6 Posts)
  125. Glug-LP (1 Post)
  126. Matt202 (1 Post)
  127. msinn (1 Post)
  128. yanghengtao (4 Posts)
  129. swarm (3 Posts)
  130. dtex-lab (1 Post)
  131. Isabella (2 Posts)
  132. palash (1 Post)
  133. hellogavin (2 Posts)
  134. EZboy (7 Posts)
  135. aridheva (1 Post)
  136. chatfipa (3 Posts)
  137. nextdigital (1 Post)
  138. BilelExtjs (2 Posts)
  139. ibarm (1 Post)
  140. stephenliberty (1 Post)
  141. Aero (1 Post)
  142. natalvc (1 Post)
  143. King_Aero (1 Post)
  144. gkainth (1 Post)
  145. travep (2 Posts)
  146. nsolsen (3 Posts)
  147. alphadogg (3 Posts)
  148. billprince (1 Post)
  149. borbpet (1 Post)
  150. rishi89 (2 Posts)
  151. stewardsencha (1 Post)
  152. Joe Kuan (1 Post)
  153. Carwise (1 Post)
  154. kamleshb (3 Posts)
  155. mephy (1 Post)
  156. cdellasanta (1 Post)
  157. linyajun (1 Post)
  158. Nunoestrada (1 Post)
  159. kathykalor (1 Post)

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi