1. #1
    Sencha User
    Join Date
    Jun 2007
    Posts
    21
    Vote Rating
    0
    Twain is on a distinguished road

      0  

    Question Floating DIV over BorderLayout

    Floating DIV over BorderLayout


    I have a BorderLayout composed by 3 regions: north, west and center. West and center regions are iframes.

    The center region is used to load differents grids that show master records. When I click on a record a floating div arise in the middle of the grid showing the detail of the selected master record (see pic_1.jpg).
    My problem occurs when the west panel is not collapsed. If I click on a the master record the floating div is partially showed behind the west region (see pic_2.jpg).
    I tried set differents z-index, change the adding order of the content panels to the border layout, using shim, not using shim.
    Does anybody know how could I put the floating div in the front?

    This is the javascript code of the Border Layout:

    Code:
                // create the main layout
                layout = new Ext.BorderLayout(document.body, {
                    north: {
                        split:false,
                        initialSize: 70,
                        titlebar: false
                    },
                    west: {
                        split:true,
                        initialSize: 290,
                        minSize: 290,
                        maxSize: 400,
                        titlebar: true,
                        closeOnTab: false,
                        collapsible: true,
                        collapsed:true,
                        animate: false,
                        useShim:true,
                        title: filtersPanel,
                        showPin: true,
                        hidden: false,
                        floatable: false,
                        cmargins: {top:2,bottom:2,right:2,left:2}
                    },
                    center: {
                        titlebar: false,
                        autoScroll:false,
                        tabPosition: 'top',
                        closeOnTab: false,
                        alwaysShowTabs: false,
                        resizeTabs: true,
                        useShim: true
                    }
                });
                layout.beginUpdate();
                layout.add('north', new Ext.ContentPanel('header'));
                
                layout.add('west', new Ext.ContentPanel('classes', {title: filtersPanel, fitToFrame:true}));
                center = layout.getRegion('center');
                center.add(new Ext.ContentPanel('principal', {fitToFrame:true}));
                
                layout.restoreState();
                layout.endUpdate();
    Html code:

    Code:
      <div id="classes" class="x-box-mc">
        <iframe name="filters" id="left" src="SelecFilters.aspx" style="overflow:auto;" frameborder="0" height="100%" width="100%" class="iframe"></iframe>
      </div>
    
      <div id="principal">
        <iframe name="ppal" id="main" src="Principal.aspx" scrolling="auto" frameborder="0" height="100%" width="100%" class="iframe"></iframe>
      </div>
    Maybe one possible solution (not sure) will be define the div outside the iframe in the same page that I define the border layout. I don
    Attached Images

  2. #2
    Sencha - Training Team RWaters's Avatar
    Join Date
    Mar 2007
    Location
    Los Angeles, CA
    Posts
    714
    Vote Rating
    0
    RWaters is on a distinguished road

      0  

    Default


    The problem is because of your iframes. If you are inside an iFrame in your center region and pop up a div on top of things it is phyiscally inside that iFrame and cannot extend outside of it. Perhaps you can go up a level and create the div inside the iFrame's parent? This would require that Ext be loaded inside the parent window.

  3. #3
    Sencha User
    Join Date
    Jun 2007
    Posts
    21
    Vote Rating
    0
    Twain is on a distinguished road

      0  

    Default


    I think you

Thread Participants: 1

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