views:

41

answers:

1

I have the following script:

jQuery(function ($) 
{
  $('#basic-modal .basic').click(function (e) 
  {
     $('#basic-modal-content').modal(
     {
            autoResize:true,
            maxHeight:1000,
            maxWidth: 1000,
            minHeight: 1000,
            minWidth:1000,

            escClose: false,
            overlayClose: false,
            dataId: "xxxx",
              onOpen: function (dialog) {
                dialog.overlay.fadeIn('slow', function () {
                    dialog.container.slideDown('slow', function () {
                        dialog.data.fadeIn('slow');
                    });
                });
            },
            onClose: function (dialog) {
                dialog.data.fadeOut('slow', function () {
                    dialog.container.slideUp('slow', function () {
                        dialog.overlay.fadeOut('slow', function () {
                            $.modal.close(); 
                        });
                    });
                });
            }                

        });//modal
  }); //click
}); 

But unfortunately, the modal pop up won't appear larger than 640 x 480. I've tried autoResize: true and autoResize: false to no avail. The div that I'm popping up is 1000 x 1000 and I know that works because the modal popup appears with scroll bars. How can I make the modal popup bigger? Thanks!

A: 

Can you please provide a link to your code ? Thank you !

Ninja Dude