1. #1
    Sencha User
    Join Date
    Jul 2010
    Posts
    41
    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
    89
    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
    41
    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
    89
    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

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