By | October 28, 2009

Sponsored

jquery-modalSimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. It gives beautiful overlay box with dark shade. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.

Sponsored

Styles can be applied through external CSS, the options object, or both. The CSS options for the modal overlay, container, and data elements are: overlayCss, containerCss and dataCss, all which take a key/value object of properties.

There are different kind of modals for different purposes.

Demos

Basic Modal Dialog

A basic modal dialog with minimal styling and without any additional settings. There are a few CSS attributes set internally by SimpleModal, however, SimpleModal relies mostly on external CSS for the look and feel.

Demo Download

Contact Form

A contact form built on SimpleModal. Demonstrates the use of the onOpen, onShow and onClose callbacks, as well as the use of Ajax with SimpleModal.

Demo Download

OSX Style Dialog

A modal dialog configured to behave like an OSX dialog. Demonstrates the use of the onOpen and onClose callbacks as well as a handful of options, and custom styling.

Inspired by ModalBox, an OSX style dialog build with prototype.

Demo Download

Confirm Override

A modal dialog override of the JavaScript confirm function. Demonstrates the use of onShow as well as how to display a modal dialog confirmation instead of the default JavaScript confirm dialog.

Demo Download

Sponsored

One Reply to “SimpleModal – A jQuery Modal Dialog Framework”

  1. Alisa L

    Hi my name is Alisa and I just wanted to drop you a quick message here instead of calling you. I came to your SimpleModal – A jQuery Modal Dialog Framework website and noticed you could have a lot more visitors.

    Reply

Leave a Reply to Alisa L Cancel reply