1. #11
    Sencha - Services Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,965
    Vote Rating
    11
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default

    @kenshin - Thanks. Yes I'm still playing with the Office suite trials
    "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.


  2. #12
    Ext User DigitalSkyline's Avatar
    Join Date
    Apr 2007
    Location
    Rochester, MI
    Posts
    461
    Vote Rating
    1
    DigitalSkyline is on a distinguished road

      0  

    Question

    Doug -
    You save me too much time... I feel like you should be on the payroll!
    (not that I could afford you )

    anyways... I'm trying to use this like:
    PHP Code:
     
    {
            
    id:'clockPortlet',
            
    xtype'flashpanel',
            
    title'Clock',
            
    hideMode 'visibility',
            
    height150,
            
    autoWidthtrue,
            
    collapsible:true,
            
    border:true,
            
    mediaType:'SWF',
            
    url'/media/flash/clock.swf',
            
    controls:true,
            
    start:true

    but nothing is showing up in the panel... any idea?

  3. #13
    Sencha - Services Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,965
    Vote Rating
    11
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Thumbs up

    Still need the mediaCfg for 'flashpanel':
    Code:
    {
            id:'clockPortlet',
            xtype: 'flashpanel',
            title: 'Clock',
            hideMode : 'visibility',
            height: 150,
            autoWidth: true,
            collapsible:true,
            border:true,
            mediaCfg:{
               url: '/media/flash/clock.swf'
              ,controls:true
              ,start:true    //Commas MUST be on the other side  :))
              ,width: 150
              ,height:150
              ,params: { wmode : 'transparent' }  //might want this too.
            }
    }
    I take checks!
    "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.


  4. #14
    Ext User DigitalSkyline's Avatar
    Join Date
    Apr 2007
    Location
    Rochester, MI
    Posts
    461
    Vote Rating
    1
    DigitalSkyline is on a distinguished road

      0  

    Default

    Quote Originally Posted by hendricd View Post
    Still need the mediaCfg for 'flashpanel':


    I take checks!

    o I c. Would width/height be redundant?

    RE: take checks?

    I wouldn't recommend that

    PS on second thought, I'm not sure how much time you really save me after I have to rewrite all those commas!

  5. #15
    Sencha - Services Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,965
    Vote Rating
    11
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default

    The seemingly redundant w,h is for the embedded <object> element itself, not its container (Panel.body).

    Looking ahead you might want to handle w/h with CSS. Each mediaType has a classNames generated for it as well:

    Code:
    mediaCfg:{
               url: '/media/flash/clock.swf'
              ,id : 'SWFClock'
               ,controls:true
              ,start:true    
              ,width: 150
              ,height:150
              ,params: { wmode : 'transparent' }  //might want this too.
            }
    #SWFClock.x-media-swf { ... }
    "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. #16
    Ext User DigitalSkyline's Avatar
    Join Date
    Apr 2007
    Location
    Rochester, MI
    Posts
    461
    Vote Rating
    1
    DigitalSkyline is on a distinguished road

      0  

    Thumbs up

    As long as the object defaults to 100% w/h then I'm happy with it (seems to be the case)
    Thanks, btw This works for me:
    PHP Code:
    {
            
    id:'clockPortlet',
            
    xtype'flashpanel',
            
    title'Clock',
            
    height150,
            
    autoWidthtrue,
            
    collapsible:true,
            
    border:true,
            
    mediaCfg:{
             
    mediaType:'SWF',
             
    url'/media/flash/clock.swf',
             
    controls:true,
             
    start:true
            
    }
          } 

  7. #17
    Sencha - Services Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,965
    Vote Rating
    11
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default

    MediaPanel.Flash ignores the mediaType as it's known by the class anyway.

    For what you're doing, this would be equivalent:

    Code:
    {
            id:'clockPortlet',
            xtype: 'mediapanel',
            title: 'Clock',
            height: 150,
            autoWidth: true,
            collapsible:true,
            border:true,
            mediaCfg:{
             mediaType:'SWF', //here it would be required
             url: '/media/flash/clock.swf',
             unsupportedText:'You need Flash to tell the time.',
             controls:true,
             start:true
            }
          }
    "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.


  8. #18
    Ext User DigitalSkyline's Avatar
    Join Date
    Apr 2007
    Location
    Rochester, MI
    Posts
    461
    Vote Rating
    1
    DigitalSkyline is on a distinguished road

      0  

    Exclamation

    Gotcha ...

    Anyways, I think I might have found a bug, where this panel covers the next item [panel]'s header when expanded.



    ...hmm...

  9. #19
    Sencha - Services Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,965
    Vote Rating
    11
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default

    Unfortunately the nature of portlets requires hideMode:'display' in order for collapse to work (reflow) as designed.

    try putting that params:{wmode : 'transparent'} in the mediaCfg.

    or

    or Extend MediaPanel to create a MediaPortlet as in the Portlet examples. I believe it has anchor in there, no ?

    Short of that, post more of your Portlets code.
    "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. #20
    Ext User DigitalSkyline's Avatar
    Join Date
    Apr 2007
    Location
    Rochester, MI
    Posts
    461
    Vote Rating
    1
    DigitalSkyline is on a distinguished road

      0  

    Default

    params:{wmode : 'transparent'}

    resulted in this:





    The thing is, the clock is not defined as "portlet" The portal is beneath:

    PHP Code:
         //init Sidebar
         
    new Ext.Panel({
          
    region:  'east',
          
    title:  "Sidebar",
          
    id:   'SideBarPanel',
          
    layout:  'rowfit',
          
    split:  true,
          
    width:  250,
          
    minSize250,
          
    maxSize250,
          
    titlebartrue,
          
    collapsible:true,
          
    animatetrue,
          
    border:  false,
          
    frame:  true,
          
    tbar : ['->',
          {
           
    id:  'addWidgetbtn',
           
    text'Add Widget',
           
    handler:dsExt.widgetDialog,
           
    cls'x-btn-text-icon',
           
    icondsExt.vars.ImgPath+'silk/cog_add.png',
           
    tooltip:'Add Widgets to Your Sidebar'
          
    }],
          
    items: [{
            
    id:'clockPortlet',
            
    xtype'flashpanel',
            
    title'Clock',
            
    height150,
            
    autoWidthtrue,
            
    collapsible:true,
            
    border:true,
            
    mediaCfg:{
             
    mediaType:'SWF',
             
    url'/media/flash/clock.swf',
             
    controls:true,
             
    start:true,
             
    params:{wmode 'transparent'}
            }
          },{
           
    //Portal goes here
           
    xtype:'portal',
           
    autoScroll:true,
           
    items:[{
            
    id'SideBarPortal',
            
    columnWidth:.99,
            
    items:[{
             
    title'Welcome Message',
             
    plugins: new Ext.ux.MaximizeTool(),
             
    html '<p>Welcome to the blah blah blah.</p>',
             
    draggable true,
             
    toolstools
            
    }]//end portal items def
           
    }]
          }]
         }),
    //end Sidebar 

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