jQuery Plugin To Extend jQuery UI Dialog Widgets

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

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.