Skip to content
Big Dialog scales to fit the full size of the browser window, with widow resize handling built in.
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
.gitignore
GPL-LICENSE.txt
MIT-LICENSE.txt
README.md
demo.html
jquery.bigDialog.js

README.md

jQuery Big Dialog

By: Spencer Neese
Version: 2.5
Requires: jQuery UI 1.9+
Demo: http://jsfiddle.net/th3uiguy/z88L7/
Git: https://github.com/th3uiguy/jquery-bigdialog.git

Description

jQuery Big Dialog scales to fit the full size of the screen with widow resize handling built in. It uses the jQuery UI Dialog options plus a few extra.

Example

$('<div>Hello World!</div>').dialog({
    modal: true,
    bigDialog: true,
    scaleIframe: false,
    buttons: {
        "Close": function(){ $(this).dialog('close'); }
    }
});

Options

Below is a list of the options (in addition to the jQuery UI Dialog options) that can be passed into bigDialog with their default settings.

bigDialog

type: Boolean
default: false
Set to true if you want the dialog to scale to the window size.

verticalMargin

type: Integer
default: 40
Margin, in pixels, to add to the top and bottom of the dialog.

horizontalMargin

type: Integer
default: 40
Margin, in pixels, to add to the left and right of the dialog.

scrollLock

type: Boolean
default: true
Stop parent window from scrolling when dialog is open.

scaleIframe

type: Boolean
default: true
If the dialog has an iframe as a child, it will resize the iframe when the dialog is resized when this is set to true.



Copyright 2014 (c), Spencer Neese https://github.com/th3uiguy/
Dual licensed under the MIT and GPL Version 2 licenses.

Something went wrong with that request. Please try again.