We are pleased to have released version 1.1 (Build #116), with a number of important improvements in both speed and stability, several new features such as customization options, new opening and closing effects and more.
Due to the fact that a big part of the modal engine was rewritten, some of the changes may affect any previous modal windows you have created when re-compiling them.
These changes affect only projects compiled with Build #114 or below:
1) The $.modal.close() command is no longer supported! If you have never used this command (most likely), just skip this section as no changes are necessary.
Otherwise, you need to replace it with the following NEW one:
…where “MyModalProjectName” is the name you gave to the project for the compile.
As you can see, this new command also uses an optional parameter (a function), which is executed immediately after the Modal Window closes.
This feature is used in “Example 12”, which demonstrates how to combine the CLOSING of a window with the OPENING of ANOTHER window in one action!
2) A Modal Window now consists of 4 areas: a Header, Footer, Navigation Bar and Body area.
See the APPENDIX NOTES and SCREENSHOTS at the end of the post for more information.
This change affects the TOTAL HEIGHT of the modal window. In previous versions (build #114 or below), the property “HEIGHT” applied only to the BODY area of the window. Now, it applies to the ENTIRE window, including all areas.
Due to this, your old modal windows may now be smaller if they had a header/footer/navigation bar and you will need to readjust their window height and re-compile.
The window width and height are now calculated according to the W3C content-box, so the total window width and height will be what you set in the “Modal Width” and “Modal Height” properties plus any BORDERS/PADDINGS you set in the “Modal Window CSS” property.
3) The “Body CSS” property has been added to be able to customize the style of the BODY area, as opposed to the style of the WINDOW area (through the “Modal Window CSS” property).
4) The “Close CSS” property has been added to separate the content from styling in the Close box.
5) A programming API is now available allowing customizations of the Modal Windows from within your page code.
6) A new set of opening/closing effects is added. You can now also set the duration of an effect along with its type.
Read what else is new in our "Release History" page
If you take the above into consideration you will not experience any problems with the migration of your projects to version 1.1.
If you still encounter any problems, we are here to help.
Thank you and we hope that you will like the new features of version 1.1!
The Likno Software Team
Let's assume that you have the following values on your modal window project:
The modal window will then appear with the following heights: