1. #1
    Sencha User
    Join Date
    Jul 2010
    Posts
    42
    Vote Rating
    0
    nosferatum is on a distinguished road

      0  

    Default How to scroll browser window when modal window has bigger size?

    How to scroll browser window when modal window has bigger size?


    I have a modal window opening on button click, and it's height is about 800px, so it can be higher than browser window.
    After modal window showing, it's content is cut under browser size, but browser window scrollbars do not appear.
    Interesting thing is with mouse scroll (pushing mouse scroll button and dragging the mouse) we can scroll to hidden form part, although modal shade displays only on browser window size.

    Tried to add autoScroll: true, autoHeight: true (excluding fixed height) to the window. Tried to render it to Ext.getBody() or Viewport.

    The same behaviour appears when on window opening browser window size is big enough, and then it is diminished.

    If the window is opened not by click, and displayed just on ready, browser scrollbars work correctly.

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    97
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    It's confusing to the user that you need to scroll the document to view a big window.

    Instead, make the window itself scrollable and calculate the available height before showing the window.

  3. #3
    Sencha User
    Join Date
    Jul 2010
    Posts
    42
    Vote Rating
    0
    nosferatum is on a distinguished road

      0  

    Default


    How to do this with Ext?
    I tried to set window's autoScroll to true, but it does not.
    How to calculate avaliable height? Take it from Ext.getBody() or Viewport?

    Anyway, I prefer scrolling document rather than window. IMHO scrolling window is much more ugly then scrolling browser window.
    But is scrolling document possible?

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    97
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    1. You could use Ext.getBody().getViewSize().
    2. A Viewport can't scroll. You would have to replace your viewport with a simple container and manage the size yourself (e.g. by using the FitToParent plugin).

Similar Threads

  1. 2 Questions. API on browser width and modal window feature
    By Elijah in forum Ext 3.x: Help & Discussion
    Replies: 8
    Last Post: 19 May 2010, 7:48 AM
  2. [CLOSED][3.??] Ext.Window Maximize and Browser Window Scroll
    By GoneIn20Seconds in forum Ext 3.x: Bugs
    Replies: 11
    Last Post: 25 Jun 2009, 7:31 AM
  3. Window gets scroll when opened child modal window in it
    By sanraj in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 25 May 2009, 7:48 AM
  4. Replies: 5
    Last Post: 23 Jul 2008, 8:49 AM

Thread Participants: 1