odama626 / mdl-jquery-modal-dialog

Modal dialogs using MDL and jQuery

Material Design Light jQuery Modal Dialog

Basic modal dialogs using MDL and jQuery

Dependencies

• jQuery (tested with v3.1.1)
• Material Design Lite (tested with v1.2.1)

Usage / Configuration

showDialog({
    id: 'dialog-id',
    title: 'Title',
    text: 'Text',
    negative: {
        id: 'cancel-button',
        title: 'Cancel',
        onClick: function() { ... }
    },
    positive: {
        id: 'ok-button',
        title: 'OK',
        onClick: function() { ... }
    },
    cancelable: true,
    contentStyle: {'max-width': '500px'},
    onLoaded: function() { ... },
    onHidden: function() { ... }
});

Most parameters are optional.

Demo

• demo.html in the project
• JSFiddle (missing the Roboto font)

License

© Oliver Rennies, 2015. Licensed under an MIT license.