Search code examples
javascriptjquerysimplemodal

Using SimpleModal JS to create a modal to fill the browser window.

I'm using the Simplemodal JQuery plugin in a project of mine. I'm trying to make the modal fill the full browser window though and seem to be having trouble. Setting the modal containers width and height to 100% explicitly from with in CSS does not see to be doing the trick.

I'm trying using the minWidth and minHeightoptions as well but that is still not working out. Any advice?

Solution

  • Just call modal with explicit css params passed:

    $('#basicModalContent').modal({containerCss: {left: 0, top: 0, width: '100%', height: '100%'}});