Basic usage

$(".modal-link").modalLink();

Open link with additional data

$(".modal-link-with-data").modalLink({
    data: {
        foo: "bar"
    }
});

Open link with additional data with POST

$(".modal-link-posting-data").modalLink({
    method: "POST",
    data: {
        foo: "bar"
    }
});

Open in script

$(".btn-click-me").click(function () {
    $.modalLink.open("Page1.html", {
        title: "Title"
    });
});

Open unbound link in modal

$.modalLink("open", $link);

Open referenced content in modal link

This will append referenced item into modal window. On close, content will be placed back to main window. This is useful when you want to edit form data in modal window.

REF

$(".btn-ref").click(function (e) {
    e.preventDefault();
    $.modalLink("open", $(".btn-ref"), {
        title: "REF demo - type something in textbox and close window"
    });
});

Submit form into modal window

Close modal window inside modal

(function (w) {
    $(".close-modal").click(function () {
        w.$.modalLink("close");
    });
})(window.parent);

Close modal with callback

TBD

Methods

open

close

Events

modallink.close

Options

width - modal window content width
height - modal window content height
method
- REF
- CLONE
- GET
- POST
data
showTitle
showClose
overlayOpacity
$form
onHideScroll

Styling

.sparkling-modal-container
.sparkling-modal-overlay
.sparkling-modal-frame
.sparkling-modal-title
.sparkling-modal-title span
.sparkling-modal-close
.sparkling-modal-content

Templates

TBD