Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: IE 8 - FormPanel scrollbars/overflow not working in window

  1. #1

    Default IE 8 - FormPanel scrollbars/overflow not working in window

    HI,
    In IE 8 , i am having major issues with a formPanel inside a Window, (I have attached an image. Essentially, if the form is larger than the window, it should 'autoScroll'. It works fine in FF, but in IE 8 it doesn't work. The form content falls over the windows buttons, and although there is a scroll bar, it doesn't work.
    below is the pertinent code:

    Code:
    Ext.extend(i3.FormWindow, Ext.Window, {  initComponent:function(){ 
      var customProp = ''...
    
    var formpanel = new Ext.FormPanel...
    
    this.config = {
                id:'test'
                ,collapsible:false
                ,layout:'fit'
                ,resizable:true
                ,maximizable:true
                ,frame:true
                ,animCollapse:true
                ,autoScroll:true
                ,modal:true            
                ,constrain:true
                ,title:'test
                ,width:parseInt(fp.getWinWidth(),10)
                ,height:parseInt(fp.getWinHeight(),10)
                ,items: formpanel
            };
    
    Ext.apply(this, this.config);       Ext.ComponentMgr.register(this);  	 
    myCustomWindow.FormWindow.superclass.initComponent.call(this); 
    this.show();
    Can someone help me out ?
    Thanks!
    Attached Images Attached Images

  2. #2
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,892

    Default

    You can't call show in initComponent.

  3. #3
    Ext JS Premium Member
    Join Date
    Nov 2009
    Location
    Cave
    Posts
    178

    Default

    Animal, I took the show() out of the initComponent call but it still doesn't constrain to it's boundaries in IE. Like i said, it works fine in FF.
    Got any other ideas ? (fyi I am on another email acct, which is why the different userid)

    Do you want me to post full code ?
    thanks

  4. #4

    Default

    Hi Guys
    Facing the same issue.
    Did you find a way to fix it?

    Cheers

  5. #5
    Sencha User berend's Avatar
    Join Date
    Mar 2007
    Location
    Auckland, NZ
    Posts
    47

    Default

    Exactly same issue here. Whatever I've tried so far, hasn't worked.

  6. #6
    Ext User ogle.matt's Avatar
    Join Date
    Mar 2009
    Location
    Illinois, USA
    Posts
    3

    Default

    Same problem here...any luck on fixing the issue? Seems to only be a problem with IE...Firefox and Chrome work fine.

  7. #7
    Ext User ogle.matt's Avatar
    Join Date
    Mar 2009
    Location
    Illinois, USA
    Posts
    3

    Default

    Any updates? Not trying to be impatient, but with 90% of my users using IE, I've got to make this work. I've tested this on IE6, 7, and 8 and they all have the same issue. I've attached a screenshot of my form. I've also noticed that when I scroll down, the form doesn't move until I click somewhere within the form. It will then move relative to where I scrolled, but still is not constrained within the window.
    Attached Images Attached Images

  8. #8
    Sencha Premium Member Wedgie's Avatar
    Join Date
    Jan 2009
    Location
    Melbourne, Australia
    Posts
    83

    Default

    I'm having the same problem. Glad to know I'm not alone. Anyone got an answer yet? Ext guys, is it just a problem of not being able to replicate this?

  9. #9
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,892

    Default

    Nobody can replicate this. Nobody knows what you are doing.

    Just putting a form inside a layout: 'fit' Window works fine. I do it all the time.

  10. #10
    Sencha Premium Member Wedgie's Avatar
    Join Date
    Jan 2009
    Location
    Melbourne, Australia
    Posts
    83

    Default

    Thanks Animal,

    When I use layout 'fit' then I don't get any scrollbar at all, which is what you might expect, but not what I want.

    However, it got me thinking and I found a solution, which is to have another Ext.Panel as a child of the Ext.Window and then make the FormPanel a child of that. This way I can have layout='fit' on the Window and default layout with autoScroll='true' on the intermediate panel - and now it works in IE

    Hopefully this will work for the others as well.

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •