width: $window.width() - 20
height: $window.height() - 20
But these do not get over width: 750 / height: 450.
Resize your browser then try.
$(function(){ var $window = $(window); $.ui.domwindowdialog.setup({ fixedMinY: 10, spinnersrc: '../../spinner.gif' // specify this for preload }); var api = window.domwindowApi; $('#open').on('click', function(){ var width = $window.width() - 20; var height = $window.height() - 20; // handle max,min width/height if(width > 750) { width = 750; } if(height > 450) { height = 450; } api.open('dialog1.html', { width: width, height: height, afteropen: function(e, data){ console.log('afteropen!', data.dialog); }, }); }); });