Modal windows

Standard

The template includes a powerful modal window plugin, with several opening methods and 40+ options to get the exact desired look and behavior.

Here is how a basic modal window looks like:

Opening it is as simple as:

$.modal({
	title: 'Modal window',
	content: 'This is an example of standard modal window.'
});

Customizing

There a more than 40 options to customize the looks and feel of the windows, either making it simplier or adding features:

Did you notice the complex modal is resizeable and has custom MacOs-like action leds?

With a little scripting you can get anything you want, for instance a loading progress indicator:

Shorthands

The plugin includes three shorthand methods to replace the default browsers modal windows:

Alert 

$.modal.alert('This is an alert message');

Confirm 

$.modal.confirm('Challenge accepted?', onConfirm(), onCancel());

Prompt 

$.modal.prompt('Please enter a value between 5 and 10:', onSubmit(value), onCancel());

Loading content

The plugin provides two ways to load extrenal content:

Ajax 

$.modal({
	title: 'Ajax content',
	url: 'ajax-content.html'
});

Iframe 

$.modal({
	title: 'Iframe content',
	url: 'iframe.html',
	useIframe: true
});