jQuery Plugin To Extend jQuery UI Dialog Widgets

File Size: 7.73 KB
Views Total: 2319
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Extend jQuery UI Dialog Widgets

Just another jQuery UI dialog widget enhancement plugin that extends original jQuery UI dialogs with lots of extra options, methods, and custom events.

Features:

  • 9 extra options including maximizable, minimizable, etc.
  • 4 extra methods: close, maximize, minimize and restore.
  • 6 custom events including beforeMaximize, beforeMinimize, etc.

See also:

Basic Usage:

1. Include the necessary jQuery and jQuery UI in your web page.

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css"> 

<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>

2. Include jQuery Extended Dialog Widget's script and stylesheet in the web page.

<link rel="stylesheet" href="src/fq-ui.extendeddialog.css">
<script src="src/fq-ui.extendeddialog.js"></script>

3. Options.

beforeMaximize: null, // event
beforeMinimize: null, // event
beforeRestore: null, // event
maximizable: true, // enable/disable maximize button
maximize: null, // event
maximizeIcon: 'ui-icon-extlink', // maximize button
maximizeText: 'Maximize', // maximize text
minimizable: true, // enable/disable minimize button
minimize: null, // event
minimizeIcon: 'ui-icon-minus', // minimize button
minimizeLocation: 'left', // sets alignment of minimized dialogs
minimizeText: 'Minimize', // minimize text
resizeOnDlbclick: true, // resize dialogs on double click
restore: null, // event
restoreIcon: 'ui-icon-newwin', // restore icon
restoreText: 'Restore' // restore text

4. Methods.

// Close the dialog
$("#Selector").extendeddialog("close");

// Maximize the dialog
$("#Selector").extendeddialog("maximize");

// Minimize the dialog
$("#Selector").extendeddialog("minimize");

// Restore the dialog
$("#Selector").extendeddialog("restore");

Change logs:

2014-10-16

  • update fq-ui.extendeddialog.js

2014-10-15

  • update

This awesome jQuery plugin is developed by CrazyTuna. For more Advanced Usages, please check the demo page or visit the official website.