jsmonkey
Posts: 39
|
Posted: 01/11/2011, 7:03 AM |
|
I have a modal window (per the CCS AJAX example). My main form on the page is kinda long and if my users happen to be at the bottom of the form and open the modal window, it pops up near the top of the form, cut off in the browser (I can only see the lower part of the modal). What happened to the page's scrolling? How can I get the page to scroll again when a modal is present? I assume the answer lies in the modal's CSS but dang if I can find any examples!
I would like to either allow the page to scroll so I can scroll back to the top where my modal is OR open my model relative to where on the base page I happen to be,
Please help,
_________________
-J |
|
|
osulywan
Posts: 16
|
Posted: 01/23/2011, 1:13 PM |
|
The point of a "Modal" window is to require a response before returning to the main form. You might try changing CSS file (Not CCS) which you can find as a tab in "Code" view. Change position:absolute to position:relative and then adjust other parameters.
|
|
|
jsmonkey
Posts: 39
|
Posted: 01/24/2011, 8:05 AM |
|
Thanks! I changed the position of the modal and all is displaying.
Here is my CSS (again, this is based on the CodeCharge Modal Example)
/*Page Style @modal-56276963*/
.ModalShowDiv {
position: absolute;
margin: 100px auto;
background-color: white;
border:0px solid #000;
padding:0px;
text-align:center;
z-index: 1000;
display: none;
top: 50px;
left: 50%;
margin-left: -00px;
}
/*End Page Style*/
___________________________________________
Changing to [resolved], but feel free to add any educational info you see fit!
_________________
-J |
|
|
|