- dialog boxes are now draggable by default; see the newly added
draggable
property; see #38 and thanks LukeSavefrogs for suggesting this A LONG TIME AGO! - added the
onOpen
event which triggers after the dialog box is made visible; see #39; thanks LukeSavefrogs for suggesting this A LONG TIME AGO! - added the
onBeforeClose
event which triggers before the dialog is hidden; useful for validating input prompts and not closing the dialog box in case the input is not valid - added
placeholder
property to be used withprompt
type dialog boxes - added
prompt_rows
which when set to a value greater than1
will turn theinput
element in aprompt
dialog box to atextarea
- fixed bug where page scrolling was not disabled when opening modal dialog boxes even though
disable_page_scrolling
was set totrue
by default
- minor maintenance release
- minor maintenance release
- fixed bugs when working with iFrames
- fixed bug where the
disable_page_scrolling
property introduced in3.0.0
had an undesired effect on pages where there was no scroll
- SASS files are now available in the
dist
folder - fixed broken example for overlapping dialogs
- minor release which only adds screenshots to the examples
- fixed #32 where the
center_buttons
property was not centering buttons; thanks LukeSavefrogs!
- page scrolling behind an open dialog box is now disabled by default
- added
margin
property to prevent the dialog box from touching the viewport's limits when stretched 100% horizontally and/or vertically - added
max_width
property which, together with the existingmax_height
property, can now be specified as percentage - added the
default_value
property to be used forprompt
type dialog boxes width
andheight
properties can now be specified as percentages, toocustom_class
is now also added to the overlay, not just to the dialog box- the word
center
can also be used when specifying vertical position (alongsidemiddle
) - when using iFrames, the width and height is now automatically computed to fit those of the dialog box; additionally, now a spinner is also shown while the iFrame content is loading
- the library now automatically does backdrop management when opening multiple modal dialog boxes
- dropped IE6 support
- fixed bug where the positioning of the dialog box was incorrect it had borders
- removed the
backdrop_container
property - minor tweaks to all the templates
- added prompt dialog box type; thanks to Sebi Popa!
- added
height
property for setting custom heights to dialog boxes - added
update
method for adjusting the dialog box's position when content is changed dynamically, at run-time - the overlay can now have a different parent than the
body
element, via the newly addedoverlay_container
property
- added a new "auto_focus_button" property for indicating the button to place the focus on when a dialog box is first shown
- simplified dialogs' HTML markup and all the classes indicating various states/setups of the dialog box are now added to the main container
- some of the alignments done previously from JavaScript are now done from CSS - but still working in IE6 :)
- completely rewritten the CSS for the themes and we're now using clean-css to optimize CSS output, resulting in a reduction of 0.5KB for the flat theme and 1.8KB for the classic theme
- added a new materialize theme, inspired by Google Material Design
- "warning" dialog boxes now have "Yes" and "No" buttons instead of just the "Ok" button
- changed the labels for the buttons on "confirmation" dialog boxes from "Yes" and "No" to "Ok" and "Cancel"
- revamped example pages
- fixed bug where inputs in dialog box could never receive focus on mobile devices - see #14, thanks Clément!
- fixed #18 where the plugin was not working in IE8
- custom classes can now be added to buttons; this fixes #15
- added version number as a public property - useful to find out the version number even if all you have is the minified source code; see #13
- fixed bug where dialog box height could exceed viewport height; see #8
- fixed scrolling on iPhone; see #9
- performance improvements and source code tweaks
- new folder structure
- the home of the library is now exclusively on GitHub
- files required in the build process are not included anymore when installing via npm nor when downloading from GitHub
- the library is now available as an npm package
- added missing preloader.gif file to the "flat" theme; thanks to Juan for reporting;
- replaced all instances of jQuery with $, for consistency and for making it easier to use with jQuery.noConflict(); thanks to Julio for suggesting;
- fixes and additions to the bowser.json file, for better integration with Bower
- examples now use jQuery version 1.12.0
- dropped support for jQuery's deprectated official plugins repository
- fixed a bug where setting the "type" attribute to FALSE would not remove the left padding of the dialog box; thanks to Laurent for reporting
- added "use strict" statement
- added integration with Grunt
- the library is now available as a Bower package
- added a new "flat" theme
- fixed a bug where custom buttons were showing up in reversed order;
- fixed a bug where, since the previous release, you'd have to explicitly return TRUE from a callback function attached to a custom button, in order for the dialog box to close;
- thanks to store88 for spotting both of the above!
- dialog boxes can now be kept open on button click; previously there was no way of keeping a dialog box from closing when a button was clicked; now, returning FALSE from the callback will do just that;
- added a new "center_buttons" property which when set to TRUE will instruct the script to center any available buttons instead of floating them to the right;
- added a new "show_close_button" property which is set to TRUE by default and which displays the little "x" button in the top-right of the dialog box;
- fixed a few issues in order to keep JSHint (reasonably) happy;
- slightly increased performance due to optimal management of event handlers;
- fixed an issue where some things that should've been done in CSS were done in JavaScript;
- The z-index value for the overlay and the dialog box can now be set from CSS. Previously these were set in the JavaScript code and would require hacking the source code in order to change them; thanks Israel Sato
- fixed a bug where if the "reposition_speed" property was > 0 and the browser window was manually resized, the animations for repositioning the window would queue up and slow down the process to almost a complete halt;
- changed the name of the "animation_speed" property to "animation_speed_hide" and added a new "animation_speed_show" used to set the speed by which the dialog box will fade in when appearing;
- fixed a bug where the dialog box was not looking 100% as expected if the page it was used on had the "box-sizing" CSS property set to "border-box", which is the default for some widely-used CSS frameworks like Twitter Bootstrap and Foundation. Read more about it at http://paulirish.com/2012/box-sizing-border-box-ftw/
- external content can now easily be loaded into the dialog box via AJAX, or using an iFrame, or an inline element, by using the newly added "source" property; when passing an inline element, it will be copied together with any attached events - useful for passing, for example, a complete form with attached events; thanks to tom;
- the dialog box will use an animation when repositioning due to a browser window resize; the animation's speed is set by the newly added "reposition_speed" property;
- the plugin is now available on GitHub!
- added a new "max_height" property; when setting it to something to other than "0", the content in the dialog box will be scrolled if it's height exceeds the given value;
- new layout;
- fixed an issue due to which the plugin was not working with jQuery 1.9.0;
- when used as a notification widget, the notification can now be closed before the timer runs out by clicking on it; thanks to Ovidiu Mihalcea for suggesting;
- callback functions can now be attached to custom buttons; credit goes to Matt!
- added an example on how to add custom icons
- fixed a bug where the script would sometimes "forget" to clear the semi-transparent overlay; thanks to Jack Everson for reporting;
- the last button of the dialog box will now have the focus once the dialog box is open. previously, for any dialog boxes other than notifications, if the user pressed the ENTER key, it re-triggered the event and more dialog boxes were shown one on top of the other; thanks to Yasir for reporting;
- it is now possible to add a custom class to the dialog box; this makes it easy to switch between styles at run-time; thanks to Ed for suggesting;
- fixed a bug where the message's text color was inherited; now it is set from the CSS file;
- examples are now also available in the downloadable package;
- initial release