1. #1
    Ext JS Premium Member
    Join Date
    Jul 2008
    Location
    Germany
    Posts
    34
    Vote Rating
    3
    martinorth is on a distinguished road

      0  

    Question Window Rendering Problem (Size/Resize) with Internet Explorer

    Window Rendering Problem (Size/Resize) with Internet Explorer


    Hi,

    I have a rendering problem with windows (not the OS ;-) and IE 7. In firefox everything works fine.

    When I want to show content inside an Ext.Window the window width is the same as my monitors width or larger, I can not see the contents and I am not able to resize the window.

    Here is the code:

    Code:
    function showDocsWindow(){
                var docsWin = new Ext.Window({
                    autoScroll:true,
                    autoWidth: true,
                    layout: 'fit',
                    bodyStyle:'padding:0',
                    title:'Documentation',
                    hideBorders : true,
                    maximizable:true,
                    minimizable:true,
                    autoLoad: './capture-1/capture-1.html'
                 });
             
             docsWin.show();
            }
    Go to http://www.farcrycms.de/formtools_gen/index_new.htm and click 'Help' or 'View cfComponent Source' to view what I mean. Don't forget to browse with IE 7. ;-)

    I have searched the forum but I found no solution yet.

    Martin

    PS: The code at http://www.farcrycms.de/formtools_gen/index_new.htm is also a nice tree DD example. Watch help movie with firefox to see what I mean.

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,496
    Vote Rating
    44
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Configure the Window with a size.

  3. #3
    Ext User
    Join Date
    Jun 2009
    Posts
    2
    Vote Rating
    0
    chaos215bar2 is on a distinguished road

      0  

    Default


    Sorry to dig up an old thread, but is there a better solution at this point? I have a FormPanel inside a Window and I have all the widths configured as I want in the FormPanel. in Firefox 3, the window displays properly sized to fir the FormPanel. The only way I have found to do this in Internet Explorer 7 is to specify the exact width of the window. This isn't really a solution as I should not be hard-coding a width that depends on the styles applied to the various window elements.

  4. #4
    Ext User
    Join Date
    Jul 2009
    Posts
    3
    Vote Rating
    0
    FredPeiffer is on a distinguished road

      0  

    Default


    Animal:

    I also have the problem. So, the real question is:

    Is there any other way than specifying a width in order to have the Window rendered properly on IE 6 or 7?

    Specifying the width is not an option here, as the content of my window can vary.

    Thanks in advance.

  5. #5
    Sencha User
    Join Date
    Aug 2008
    Location
    Gothenburg
    Posts
    157
    Vote Rating
    2
    Dr. Flink is on a distinguished road

      0  

    Default


    This is a browser/css issue.

    Add this to your stylesheet (change the myWindow ID to your own or remove it to make it applied to all windows):
    Code:
    #myWindow .x-window-body {
    	height: auto !important; // Remove if you are using fixed height
    	width: auto !important; // Remove if you are using fixed width
    }
    I am using Ext 3.0.0, but I don't think that matters.