1. #21
    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


    I think you need to give 'clockPortlet' some more height, and the portal a top margin.
    Never quite seen a rowfit layout like that.


    Can you join me on IRC ?
    "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. #22
    Ext User DigitalSkyline's Avatar
    Join Date
    Apr 2007
    Location
    Rochester, MI
    Posts
    461
    Vote Rating
    0
    DigitalSkyline is on a distinguished road

      0  

    Default


    IRC ... been so long I forgot how to get in there... but alas I'm in #extjs

  3. #23
    Sencha User
    Join Date
    Mar 2007
    Posts
    580
    Vote Rating
    0
    dolittle is an unknown quantity at this point

      0  

    Default


    I have a crazy idea that could be a workaround for all the flash issues.

    Instead of putting the object element in the panel's body, attach it before the panel.el and use css on exapnd and collapse.

    Code:
    onRender : function(ct, position){
    		Ext.ux.mediaPanel.superclass.onRender.call(this, ct, position);
    		
    		this.media = Ext.DomHelper.insertBefore(this.el, {tag:'div', cls:'x-media'}, true);
    		
    		this.media.update(this.html);
    		
        },
    handle the collapse:
    Code:
    afterCollapse : function(){
    		Ext.ux.chatWindow.superclass.afterCollapse.call(this);
    		this.widgetWrap.addClass('x-media-collapsed');
        },
    Code:
    .x-media-collapsed{position:absolute;left:-10000px;top:-10000px;visibility:hidden;}
    handle the expand:
    Code:
    expand : function(animate){
           Ext.ux.mediaPanel.superclass.expand.call(this);
    	   this.media.removeClass('x-media-collapsed');
    	   
        },
    Code:
    .x-media{
          position: relative;
          bottom: -100px; /* should be set dynamicaly to handle different object heights?
    }
    The panel should have height that will be able to contain the object.

    What do you think?

  4. #24
    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


    @dolittle - Thanks for input. To my knowledge, the issue (which is manageable) concerns actually changing any <object> size or position on most browsers except IE (of all things !).

    The workaround for that is not to move it (eg offsets), but by the use of visibility:hidden.

    The goal (mine anyway) is to preserve existing Panel features (tbar, bbar, etc) at the same time.

    I am working on a lighter-weight Component that lacks all that position baggage you're inferring. More to come..
    "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
    Ext User
    Join Date
    Dec 2007
    Posts
    1
    Vote Rating
    0
    Tom Pan is on a distinguished road

      0  

    Default


    cool Work!!!

  6. #26
    Sencha User
    Join Date
    Mar 2007
    Posts
    580
    Vote Rating
    0
    dolittle is an unknown quantity at this point

      0  

    Default


    @hendricd

    Consider a situation when using your media panel just as a panel not in a card/tab layout.

    When we collapse the panel with visibility:hidden, wouldn't the panel's body still preserve it's space in the doom?

    1. I have content behind the media panel, will I be able to click on it when the visibility:hidden?

    2. I'm putting my panel on the bottom of the screen like gmail chat windows, I'll wish the panel header will fall to the bottom when the panel is collapsed. That only happen with display:none.

    3. I want to preserve the state of the panel. A simple example will be the position of a scroll bar in a div inside the panel body. When using display:none the scroll bar always restart itself to the top of the div.

    I realize my workaround is complicated but it solves all this.

    I'll be happy to hear about a simpler solution.

    Thanks

  7. #27
    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


    @dolittle -- Since MP is implemented as a Panel, you have complete control over its hideMode:'display/visibility/offsets'.

    I should have elaborated on the issue more:
    The main issue is what most browsers (except IE) do to the <object> content when its size (display:none) or position changes . The plugin gets "re-initialized" when either of those events occurs.
    For streaming media/audio, that means the player starts again.
    For Acrobat, the document is reloaded again and resumes viewing at Page 1.

    hideMode:'visibility' gives you an option for how/when those issues are addressed in your layout.
    (Hopefully all this gets fixed in FF3.)
    "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. #28
    Sencha User
    Join Date
    Mar 2007
    Posts
    580
    Vote Rating
    0
    dolittle is an unknown quantity at this point

      0  

    Default


    @hendricd

    I was also talking about the reload of the <object> element on FF.

    setting visibility:hidden will work but will have other issues.
    tab layout will work fine.

    If you collapse one panel in a layout like in the portal where you have several panels on top of each other, you'll expect the panels beneath the collapsed one to be shifted upward.

    When using display:none it will happen but when using visibility:hidden the panel's body will still keep its place in the dom so there will be a gap between that panel and the others.

    Do I make sense?

  9. #29
    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


    Yes, you do, and I think think we're talking about the same issues/resolutions.

    Where ARE we going with this?
    "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
    Sencha User
    Join Date
    Mar 2007
    Posts
    580
    Vote Rating
    0
    dolittle is an unknown quantity at this point

      0  

    Default


    My research lead me to the same conclusions as you. We can't:

    - use display:none
    - change the <object> element place in the DOM
    - and as I said can't use visibility:hidden for layout other then tabs layout.

    The only solution I found is to use position:relative and top:-10000px on the <object> element so it will still play but be outside of the view port.

    The problem is that if the <object> element is a child of the panel's body and you use the above css the panel height will be 10000px + the normal height.

    So I've tried attaching the <object> element above the panel.el and use css to place it inside the panel's body when the panel is expanded and outside of the view port when it's collapsed.

    I haven't found an elegant way to deal with different <object> and panel's body height yet.

    If you are not interested in all this I'm sorry and won't hijack your wonderful extension thread any more

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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar