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!