views:

1586

answers:

5

I've got a modal popup and when it loads contents that are taller than the browser height I am unable to scroll down to view the rest of the information. Instead the background can scroll but the popup won't.

Instead I'd like to have the popup stay put and when the user scrolls up or down it leave the popup in place and let them scroll to the bottom of the contents. If you make a super long post on Facebook the popup works correctly and I'd like to know how I can get this same effect with this control.

A: 

Put style overflow: auto on the container block.

Ewan Todd
When you say container block what are you refering to? Also have you actually testest this? Put two pages of content into a panel that is borught up via the modal popup and without having scroll bars on the panel itself you can see everything by scrolling the page?
Middletone
i'm asking because what you suggested does not work when I try it. I know that I can scroll the div and panels but that is not what I am asking about.
Middletone
A: 

hi middletone..did u find the solution for this problem.plz let me know if u find..i am searching for this solution for a long time..

karthik
no not yet. if you upvote the question that will help.
Middletone
hi..thanks for quick reply..when u find the solution for this, plz provide me and i do the same...
karthik
-1 This is not an answer to the question
El Ronnoco
+1  A: 

In the css of your modal popup, set the width of the modalpop up, then set the overflow:auto. That will give you horizontal scrollbar.

Example .ModalPopupPanel {

width:900px; overflow:auto;

}

So,when the content width exceed the 900px, the horizontal scrollbar will show up. The same is true for the vertical scrollbar where you need to set the height of the modalpop.

Public Helper
That solve the issue if the browser screen is at least 900px. For a solution with a popup that could span to fill that page, see my Answer.
DavRob60
A: 

the overflow:auto works perfectly for the popup panel, but my problem is that the background page continues to scroll as well. This gives a really strange look.

How do you disable the background page from scroll when using a modal popup extender?

Jerry
A: 

This script set the popup height to 90% of the screen height, then you could set the overflow:auto;

<script type="text/javascript">
  function pageLoad() {
      $get('<%= Panel.ClientID %>').style.height = document.documentElement.clientHeight * 0.9 + "px";
  }
    </script> 

here a related question I ask and the solution I found.

http://stackoverflow.com/questions/2419761/asp-net-modalpopupextender-need-to-show-scroll-bar-when-overflow

DavRob60