Start Building Professional
Web Apps Today

modal window not graying out whole screen

We have a long page, and a button at bottom which pops up a modal dialog. The gray disabled part of screen is at top. Under that buttons can be clicked on and form fields can be edited. How can we get the entire screen to be disabled? We have tried enableAutoViewport and attachViewportTo. I have an example I will post.

Thanks,
Chris Hyzer
University of Pennsylvania

Please, provide the demo to reproduce the issue. 

I emailed it to the support email address, did you get it?  I see the attach button, I will post here too

Please, see attached sample. It demonstrates setModal and viewport usage.

So if we have a long page, with no div wrapped around everything, then it will not gray everything out correctly.  If we have a dynamic page, we dont know the height, so how can we put the height in the div?  We should just be able to have a page, be scrolled down popup a modal dhtmlx and have it work.  Have you seen the jquery simplemodal plugin, that one just works, and my developers are frustrated with dhtmlx windows not working easily.  sorry, just needed to vent a little bit.  Thanks for the support thought.  ;)  thoughts?

Thanks!
Chris

In this case you can try to use body as a viewport (default) and use the following style:

<style>

iframe.dhx_modal_cover_ifr, div.dhx_modal_cover_dv {

  height:3000px;
 }

</style>