1. #851
    Sencha Premium Member
    Join Date
    Jul 2007
    Posts
    256
    Vote Rating
    1
    brookd is on a distinguished road

      0  

    Default


    Hey Hendricd,

    Thanks for the reply. I checked out the demo and tried adding the visibility mode plugin to my code, I tried adding the shadow:false on the window and anything else I could find that was different from my code. But no luck.

    I also tried using the uxmedia class instead of the miframe classes but I got the same result. I think I have all the same settings you have in your demo.

    So the question is what would cause this behavoir? I even created a new window using your exact code and had the same issues on the corners.

    shim.png

    1. I have the visibility plugin defined on the parent tabPanel
    2. Ext.useShims = true
    3. Window has shim=true / shadow = false
    4. My config looks like:

    Code:
    {
    xtype   : 'mediapanel',
    id      : 'pdfplaything',
    mediaCfg:{
        mediaType  : 'PDF',
        url        : lf.app.formManager.getFormUrl(this.node.id,'preview'),
        autoSize   : true,
        autoScroll   :true
    }
    This element is a child of the tabPanels tab. Could that be an issue?

    Also when I drag my window over the PDF it disapears whereas in your demo the outline is still visible. So I guess the shim is not being applied. But when I trace the code I can see the classes being applied to the shim div..
    Last edited by brookd; 13 Mar 2012 at 9:27 PM. Reason: more info

  2. #852
    Sencha Premium Member
    Join Date
    Jul 2007
    Posts
    256
    Vote Rating
    1
    brookd is on a distinguished road

      0  

    Default


    *bump* really stuck on this....

  3. #853
    Sencha User
    Join Date
    May 2009
    Posts
    29
    Vote Rating
    2
    Antjac is on a distinguished road

      0  

    Default


    Yep, I've the same issue, not very nice but i've not found a solution...

  4. #854
    Sencha Premium Member
    Join Date
    Jul 2007
    Posts
    256
    Vote Rating
    1
    brookd is on a distinguished road

      0  

    Default Please help?

    Please help?


    Hendric,

    Any chance you could shed some light on this? I am willing to pay you for your time if you want to contact me offlist or pm me...

  5. #855
    Sencha User alexeiberkov's Avatar
    Join Date
    Sep 2010
    Location
    Belarus, Minsk
    Posts
    8
    Vote Rating
    0
    alexeiberkov is on a distinguished road

      0  

    Default About `focus` method

    About `focus` method


    Does anyone know why on `focus` event does not work for minframe component ?
    PHP Code:
    this.add({
                
    xtype'iframepanel',
                
    borderfalse,
                ...
               
    listeners: {
                    
    focus: function(ag) {
                      
    alert('1');
                    }
              }
    }); 

  6. #856
    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 alexeiberkov View Post
    Does anyone know why on `focus` event does not work for minframe component ?
    PHP Code:
    this.add({
                
    xtype'iframepanel',
                
    borderfalse,
                ...
               
    listeners: {
                    
    focus: function(ag) {
                      
    alert('1');
                    }
              }
    }); 
    @alexei --

    Such events would only work for same-origin frames
    "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.


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


    @brookd:

    Try one or more of these overrides for Ext.Layer. Your focus should be there. The Visibility plugin, MIF, or uxMedia have nothing to do with your symptoms. The z-order of Window framing and Shadowing are the real issue.

    Code:
    (function(){
        
    var isDocRe= /#document|body/i,
        supr = Ext.Element.prototype;
    
    Ext.override ( Ext.Layer, {
        // private
        constrainXY : function(){
            if(this.constrain){
                //honor the Layer's parentNode instead of simply document  
                var container  = Ext.fly( this.dom.parentNode, '_constrain'),
                    isTop = isDocRe.test(container.dom.nodeName),
                    vw = isTop ? Ext.lib.Dom.getViewWidth() : container.getWidth(),
                    vh = isTop ? Ext.lib.Dom.getViewHeight() : container.getHeight();
                  
                var s = container.getScroll();  
    
                var xy = this.getXY();
                var x = xy[0], y = xy[1];
                var so = (this.shadowOffset || 0) * 2;
                var w = this.dom.offsetWidth+so, h = this.dom.offsetHeight+so;
                // only move it if it needs it
                var moved = false;
                // first validate right/bottom
                if((x + w) > vw + s.left){
                    x = vw - w - so;
                    moved = true;
                }
                if((y + h) > vh+s.top){
                    y = vh - h - so;
                    moved = true;
                }
                // then make sure top/left isn't negative
                if(x < s.left){
                    x = s.left;
                    moved = true;
                }
                if(y < s.top){
                    y = s.top;
                    moved = true;
                }
                if(moved){
                    if(this.avoidY){
                        var ay = this.avoidY;
                        if(y <= ay && (y+h) >= ay){
                            y = ay-h-5;
                        }
                    }
                    xy = [x, y];
                    this.storeXY(xy);
                    supr.setXY.call(this, xy);
                    this.sync();
                }
            }
            return this;
        },
    
        // private
        destroy : function(){
            this.hideShim();
            this.shadow && this.shadow.hide();
            this.dom && Ext.Layer.superclass.remove.call(this);
        },
    
        remove : function(){
            this.destroy();
        }
    });
    
    // Private utility class that manages the internal Shadow cache
    Ext.Shadow.Pools = function(){
        var p = [];
        var markup = Ext.isIE ?
                     '<div class="x-ie-shadow"></div>' :
                     '<div class="x-shadow"><div class="xst"><div class="xstl"></div><div class="xstc"></div><div class="xstr"></div></div><div class="xsc"><div class="xsml"></div><div class="xsmc"></div><div class="xsmr"></div></div><div class="xsb"><div class="xsbl"></div><div class="xsbc"></div><div class="xsbr"></div></div></div>';
        return {
            pull : function(){
                var sh = p.shift();
                if(!sh){
                    sh = Ext.get(Ext.DomHelper.insertHtml("beforeBegin", document.body.firstChild, markup));
                    sh.autoBoxAdjust = false;
                }
                return sh;
            },
    
            push : function(sh){
                p.push(sh);
            },
            destroy : function(){
              !!p.length && Ext.destroy(p);    
            }
        };
    }();
    }();
    And, ANYTIME you call for the floating window you must let the WindowManager do it's job (yet forcefully):

    Code:
        yourButton = {
                     text : 'Show Shimmed Popup Window',
                     scope : this,
                     handler : function(button){
                        Ext.useShims = true;   //enable IFRAME shims
                        var shimmedWindow = Ext.getCmp('shimWin') ||  //Re-use it!
                            new Ext.Window({
                                id: 'shimWin',
                                width : 200,
                                height: 200,
                                title : 'Shimmed Window',
                                html: 'test',
                                closeAction: 'hide',
                                shadow : true,
                                shim : true    //IFRAME-shim the window
                               
                            });
                            
                        shimmedWindow.isVisible() ? shimmedWindow.toFront() :
                                shimmedWindow.show(button.el.dom);
                     }
                  }
    I would not enable: Ext.useShims until you absolutely need it for this purpose, otherwise every component in your layout will get an IFRAME shim behind it ! Expensive!

    Good Luck
    "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. #858
    Sencha User
    Join Date
    Sep 2009
    Posts
    6
    Vote Rating
    0
    zboris is on a distinguished road

      0  

    Default


    I have asked this question in wrong forum, but I believe it should be rather posted here.

    Using miframe within border layout causes CSS styling problems.

    Basically all my buttons within miframe loaded content keeping x-btn-over state even after mouse pointer leaves button. Clicking on grid column options - displaces popup menu position. This menu stays permanently on top of grid. Sometimes that menu appears at random positions on the screen...
    If i reload iframe content second time - everything is fine.
    Hope image below can describe the nature of my problem in better words.

    Has anyone experienced similar?

    PS: if I load content without miframe, everything renders/ behaves perfectly fine.
    Stale x-btn-over class
    stale-xbtnover.png

    Misplaced grid column menu:
    misplaced-menu.jpg

  9. #859
    Sencha User
    Join Date
    Jan 2012
    Posts
    11
    Vote Rating
    0
    kamalraj is on a distinguished road

      0  

    Default Latest MIFrame

    Latest MIFrame


    Hi All,

    Going through this thread,

    If my understanding is right, ux.ManagedIFrame 2.x can be used with Ext 3x.

    I am using Ext js 4.1.

    Is there a latest MIFrame available which is compatible with the Ext js 4.1?

    Please guide me with this.

    --Kamal

  10. #860
    Sencha User
    Join Date
    Sep 2009
    Posts
    6
    Vote Rating
    0
    zboris is on a distinguished road

      0  

Thread Participants: 192

  1. alien3d (2 Posts)
  2. Dumbledore (7 Posts)
  3. mystix (3 Posts)
  4. cobnet (4 Posts)
  5. mysticav (2 Posts)
  6. chiphi13 (2 Posts)
  7. xor (1 Post)
  8. Artistan (1 Post)
  9. Darklight (2 Posts)
  10. albertyips (3 Posts)
  11. kmiyashiro (1 Post)
  12. hoggy (1 Post)
  13. mark.lozano (1 Post)
  14. end-user (2 Posts)
  15. naxito (1 Post)
  16. tdikarim (5 Posts)
  17. hallikpapa (1 Post)
  18. smokeman (1 Post)
  19. carstep (1 Post)
  20. brookd (5 Posts)
  21. fermo111 (1 Post)
  22. soros (2 Posts)
  23. gelleneu (3 Posts)
  24. Hagge (1 Post)
  25. cherbert (7 Posts)
  26. marcoas (1 Post)
  27. jburgam (1 Post)
  28. Air_Mike (2 Posts)
  29. benwg (1 Post)
  30. massimo (2 Posts)
  31. stumpy_uk (1 Post)
  32. hat27533 (1 Post)
  33. bkraut (10 Posts)
  34. disizben (2 Posts)
  35. jphillips (10 Posts)
  36. lemanli (1 Post)
  37. gurpal2000 (4 Posts)
  38. boonkerz (2 Posts)
  39. kavon (1 Post)
  40. danderson (3 Posts)
  41. Yoris (4 Posts)
  42. paubach (1 Post)
  43. jbird526 (11 Posts)
  44. mitchellsimoens (1 Post)
  45. fanspace (3 Posts)
  46. nak1 (3 Posts)
  47. svdb (6 Posts)
  48. alessandro (7 Posts)
  49. sirioz10 (2 Posts)
  50. iulian (1 Post)
  51. jfa (1 Post)
  52. richgoldmd (1 Post)
  53. geese0090 (1 Post)
  54. spiderman123 (6 Posts)
  55. NOSLOW (2 Posts)
  56. mihaip007 (3 Posts)
  57. herry (1 Post)
  58. zombeerose (36 Posts)
  59. hp (3 Posts)
  60. Dave.Sanders (6 Posts)
  61. zerba78 (2 Posts)
  62. DTT_11-1983 (2 Posts)
  63. aranacarlospe (4 Posts)
  64. rule3 (2 Posts)
  65. ccherrett (1 Post)
  66. Eric24 (6 Posts)
  67. pico (2 Posts)
  68. ttbgwt (1 Post)
  69. zlt (1 Post)
  70. mcouillard (4 Posts)
  71. supercharge2 (2 Posts)
  72. wiznia (1 Post)
  73. niterain (2 Posts)
  74. simplessus (1 Post)
  75. kohyea (3 Posts)
  76. dubrovsky (5 Posts)
  77. muratyildiz (3 Posts)
  78. benmclendon (4 Posts)
  79. charleshimmer (3 Posts)
  80. jbones (1 Post)
  81. njw (2 Posts)
  82. paolocavelli (9 Posts)
  83. dhrystones (2 Posts)
  84. novant (1 Post)
  85. canxss (4 Posts)
  86. bigice (1 Post)
  87. Achim74 (1 Post)
  88. agalue (4 Posts)
  89. Drayton (2 Posts)
  90. tester1 (3 Posts)
  91. dreas (3 Posts)
  92. pkli (2 Posts)
  93. ibet (2 Posts)
  94. SunWuKung (2 Posts)
  95. mschwartz (30 Posts)
  96. armagedon (4 Posts)
  97. malstroem (1 Post)
  98. Stju (2 Posts)
  99. briang (4 Posts)
  100. mivilleb (3 Posts)
  101. AgentSmith (11 Posts)
  102. matmosis (7 Posts)
  103. theCodingChimp (4 Posts)
  104. achui_1980 (1 Post)
  105. MacSimon (1 Post)
  106. bocockli (1 Post)
  107. edykstra (1 Post)
  108. Jangla (1 Post)
  109. peteryjk (1 Post)
  110. Capt.JackSparrow (6 Posts)
  111. litou (1 Post)
  112. s2xi (1 Post)
  113. cdeclercq (1 Post)
  114. TomChiverton (4 Posts)
  115. mskdev (1 Post)
  116. i1befree (3 Posts)
  117. TheBerliner (1 Post)
  118. robertoroberto (2 Posts)
  119. Antjac (5 Posts)
  120. Tinki (7 Posts)
  121. pcr (3 Posts)
  122. decker.net (4 Posts)
  123. wildweasel (1 Post)
  124. andynuss (36 Posts)
  125. extjs3user (1 Post)
  126. Henrik Rutzou (1 Post)
  127. mailme_gx (4 Posts)
  128. mthaynie (1 Post)
  129. Ankai (1 Post)
  130. Tom23 (3 Posts)
  131. jkerschb (1 Post)
  132. ish90an (1 Post)
  133. nick.shrayer (5 Posts)
  134. swarm (3 Posts)
  135. orugo (1 Post)
  136. Rick.McIntosh (1 Post)
  137. dtex-lab (6 Posts)
  138. asagala (1 Post)
  139. dusoo (4 Posts)
  140. runintostar (2 Posts)
  141. completej (1 Post)
  142. ironandsteel (5 Posts)
  143. zboris (2 Posts)
  144. squ3lch (2 Posts)
  145. scott.mohekey (4 Posts)
  146. wensa (1 Post)
  147. Artoiss (2 Posts)
  148. chu_man_fu (4 Posts)
  149. KommS (4 Posts)
  150. aleksf (1 Post)
  151. luca.santaniello (1 Post)
  152. wvx10 (2 Posts)
  153. hendratan (2 Posts)
  154. lwarring (2 Posts)
  155. weblin (1 Post)
  156. asp3ctus (1 Post)
  157. amit_gupta (3 Posts)
  158. yugho (4 Posts)
  159. florin.raicu (2 Posts)
  160. xmszhang (1 Post)
  161. cyrhades (1 Post)
  162. fff398 (2 Posts)
  163. dobberph (2 Posts)
  164. gorun-ul (1 Post)
  165. nicki (1 Post)
  166. After2050 (10 Posts)
  167. estesbubba (1 Post)
  168. scaddenp (11 Posts)
  169. Farkonix (1 Post)
  170. santoshsatav (1 Post)
  171. karthik085 (4 Posts)
  172. pesca506SAGE (1 Post)
  173. sosy (2 Posts)
  174. tronlt (1 Post)
  175. MrSparks (5 Posts)
  176. Michael A. (3 Posts)
  177. ebx6211 (1 Post)
  178. janwilleml (1 Post)
  179. cherepanov (1 Post)
  180. alexeiberkov (1 Post)
  181. hjfiou (1 Post)
  182. someone80 (1 Post)
  183. andersonv1 (1 Post)
  184. parsbin (6 Posts)
  185. FanOfExt (1 Post)
  186. qdch520 (1 Post)
  187. tboilard (2 Posts)
  188. siebmanb (1 Post)
  189. bauwelp (1 Post)
  190. kamalraj (1 Post)
  191. Waltzy (1 Post)
  192. sidthegooner (5 Posts)

Tags for this Thread