• RSS
  • Facebook
  • Twitter

PHP, Mysql, Codeigniter,ruby on rails, fedora,ubuntu,wordpress, Gnome3, HTML5, CSS3, Jquery, GIMP programming.

Sponsored Links

SimpleModal – A jQuery Modal Dialog Framework

Categories: jquery
Sponsored Links

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.

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

Amplify

Related Articles:

  1. Jparallax – Amazing 3D Effect with Jquery Javascript Library

Related Keys:

  • simplemodal confirmation osx
  • SimpleModal OSX Style tutorial
  • jquery modal shade
  • jquery modal onopen onshow
  • jquery modal dialog oxs
  • onclosed jquerymobile
  • simple modal .modal({onopen: ajax
  • jquery mobile simple modal dialog
  • android simplemodal
  • jquery mobile simple dialog callback
  • oxs simplemodal en android
  • simplemodal jquery
  • javascript confirm dialog css style without jquery
  • osx simplemodal on ajax callback jquery
  • jquery mobile simpledialog onclosed
  • simplemodal demo download contact
  • a basic modal dialog with minimal styling and without any additional settings
  • jquery mobile modal overlay
  • jquery dark modal
  • jquerymobile simpledialog callback onclose
  • jqeury mobile simpledialog callbacks
  • jquery mobile modal alert
  • how to use simplemodal with codeigniter
  • jquery os x dialog
  • jquery ui modal dialog php
  • smashing jquery modal
  • jquery mobile simple dialog onclosed
  • jquery modal form
  • jquery simple dialog android
  • jquery confirm dialog mobile css
  • jquery mobile simpledialog callback
  • modal jquery mobile
  • "jquery mobile" modal dialog overlay
  • modal dialogs javascript ubuntu
  • simplemodal demos
  • jquery+dialog+ubuntu+style
  • jquery osx style modal dialog
  • jquery modal smashing
  • osx style dialog jquery
  • jquery mobile basic dialog
  • simplemodal jquerymobile
  • facebook dialgo share jquery
  • simplemodal shade
  • jquery ui modal dialog override confirm()
  • modal jquery smashing
  • fedora 15 modaldialogs
  • osx jquery modal
  • custom parameters osx simplemodal
  • simple modal alert override
  • jquery mobile modal confirmation dialog tutorial