[CLOSED] IFrame appearing above all other components

Page 1 of 4 123 ... LastLast
  1. #1

    [CLOSED] IFrame appearing above all other components

    Hello,

    This is more of a general problem I believe. It's not a problem with the Ext .Net framework but any help would be appreciated.

    I have an IFrame embedded within another IFrame and when the embedded IFrame is reloaded with another URL a new IFrame appears on top of everything. Please see the screenshots below.

    Before IFrame is reloaded:
    Click image for larger version. 

Name:	Before.jpg 
Views:	255 
Size:	93.2 KB 
ID:	2647

    After:
    Click image for larger version. 

Name:	After.jpg 
Views:	256 
Size:	95.3 KB 
ID:	2646


    Any suggestions on how to stop the IFrame appearing above everything else? Are there any alternatives to using the embedded IFrame?

    Thanks in advance
    Last edited by Daniil; May 09, 2011 at 12:32 PM. Reason: [CLOSED]
  2. #2
    Hi,

    You should be able to call .toFront() after IFrame update.
    http://dev.sencha.com/deploy/ext-3.3...member=toFront
  3. #3
    Unfortunately that didn't work.

    I noticed also that the IFrame, after it is reloaded, is covered by the HTML Editor, i.e. the HTML Editor appears above the IFrame which is what I want the window to do.

    Do you have any other suggestions?

    Thanks in advance.
  4. #4
    Hmm

    What about Modal="true" for the Window?

    If it doesn't suite your needs, could you provide a sample to reproduce?
  5. #5
    What about Modal="true" for the Window?

    If it doesn't suite your needs, could you provide a sample to reproduce?
    Setting the modal true didn't stop the IFrame appearing above everything either. I will try and get a sample as soon as I can.

    I also noticed that the behaviour occurs, and doesn't occur, when certain URLs are autoloaded before and after the panel is reloaded.

    For example, if the Panel is autoloaded with the url "http://www.google.co.uk" and after it is reloaded with "http://www.ext.net/" then the IFrame does not appear above all other components.

    If the Panel is autoloaded with the url "http://www.google.co.uk" and after refresh it is reloaded with "http://localhost:59881/" then the IFrame does not appear above all other components.

    If, however, the Panel is autoloaded with the url "http://www.google.co.uk" and after refresh it is reloaded with
    "http://localhost:59881/PersonalEmail/getEmail/105/" then the IFrame does appear above all other components.

    I don't know if that makes a difference, I will get a sample as soon as I can.

    Thanks in advance
  6. #6
    I'm not sure how you create your windows, but I solve the problem with this javascript code: (check the lines with the IMPORTANT comment)

    function CreateDesktopWindow(title,id) {
                if (top.winWijzigBestuurder) {
                    top.winWijzigBestuurder.destroy();
                }
                var onTop = new Ext.WindowGroup; // <-- IMPORTANT
                onTop.zseed = 10000; // <----- IMPORTANT
                var win = new top.window.Ext.Window({
                    id: 'winWijzigBestuurder',
                    title: title,
                    width: 500,
                    height: 520,
                    Icon: "UserEdit",
                    maximizable: false,
                    minimizable: false,
                    constrainHeader: true,
                    manager: onTop, // <!--- IMPORTANT
                    autoLoad: {
                        showMask: true,
                        mode: "iframe",
                        url: "lease/BestuurderWijzigen.aspx?volgnummer=" + id
                    }
                });
                win.show();
            }
    zseed determines the order of the different windows

    Martin
  7. #7
    Ok so I have created some code for testing, click here. There are two classes called Index.aspx and HomeController.cs which contain the code to test.

    I believe the problem is the getEmail() method in the HomeController class.

    Once you have it running the steps to follow are:

    1) Click on the "New Button" which will display a window. If you move the window over the panel where google is being displayed then the window will cover the panel.

    2) If you then close the window, click on a row in the gridpanel and then click on the "New Button" again. Then move the window over the panel, which should now be blank. The panel will now cover the window.

    I hope the code works and the steps make sense.

    Thanks for posting your code CarWise, I will give it a try.
  8. #8
    When RowSelect occurs, the page .../Home/getMail is not loaded, there is a mask within that panel and it doesn't disappear.

    So, I can't reproduce the issue.

    Could you ensure that the project reproduce the problem?
  9. #9
    Sorry about that Daniil. I have made a small change to the code, the code can be downloaded from here.

    Thank you in advance.
  10. #10
    No problem.

    It seems I have the same situation with this new project.

    I click on a grid's row, the 0co_B5jo.eml.part file is downloaded, but the mask still doesn't disappear.
    Last edited by Daniil; Mar 07, 2012 at 4:39 PM.
Page 1 of 4 123 ... LastLast

Similar Threads

  1. IFrame appearing above all of components
    By rbarr in forum 1.x Help
    Replies: 0
    Last Post: Apr 11, 2011, 9:10 AM
  2. Replies: 3
    Last Post: Dec 10, 2010, 7:26 AM
  3. [CLOSED] Scrollbar multiselect not appearing
    By CarWise in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Oct 11, 2010, 2:06 PM
  4. [CLOSED] button menu appearing in odd location
    By smmille1 in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Sep 21, 2010, 4:09 PM
  5. [CLOSED] Access extjs components in another iframe
    By pschojer in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 29, 2009, 9:27 AM

Tags for this Thread

Posting Permissions