Page 2 of 84 FirstFirst 12341252 ... LastLast
Results 11 to 20 of 838

Thread: ux.Media[.Flash/Flex] Components 2.1.2

  1. #11
    Sencha User hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,966
    Vote Rating
    15
      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
    0
      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 User hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,966
    Vote Rating
    15
      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
    0
      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 User hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,966
    Vote Rating
    15
      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
    0
      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 User hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,966
    Vote Rating
    15
      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
    0
      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 User hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,966
    Vote Rating
    15
      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
    0
      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 

Page 2 of 84 FirstFirst 12341252 ... LastLast

Tags for this Thread

Posting Permissions

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