diff --git a/dist/eModal.js b/dist/eModal.js index 10069cd..6d4b24f 100644 --- a/dist/eModal.js +++ b/dist/eModal.js @@ -15,6 +15,7 @@ * loading {boolean}: Set loading progress as message. * message {string|object}: The body message string or the HTML element. e.g.: $(selector); * size {string}: sm || lg || xl -> define the modal size. + * classes {string}: Custom class (or classes) to be used. Can be used for custom modal size or something else. * subtitle {string}: The header subtitle string. This appear in a smaller text. * title {string}: The header title string. * useBin {boolean}: Set message as recyclable. @@ -62,6 +63,7 @@ labels: LABEL, loadingHtml: '
Loading...
', size: EMPTY, + classes: EMPTY, title: 'Attention', autofocus: false }; @@ -79,6 +81,7 @@ root.setEModalOptions = setEModalOptions; root.setModalOptions = setModalOptions; root.size = SIZE; + root.classes = ''; root.version = '1.2.67'; return root; @@ -320,8 +323,20 @@ // Change size $ref.find(MODAL_DIALOG) - .removeClass('modal-sm modal-lg modal-xl') - .addClass(params.size || defaultSettings.size ? size : null); + .removeClass() // Remove all classes (including custom classes) + .addClass('modal-dialog') // Put back modal-dialog class + ; + + if(size == 'modal-xl') // In case of XL size ... + $ref.find(MODAL_DIALOG).css('max-width', 'none'); // Remove max-width limitation from bootstrap css + else + $ref.find(MODAL_DIALOG).css('max-width', ''); // otherwise use max-width from bootstrap css + + $ref.find(MODAL_DIALOG) + .addClass(params.size || defaultSettings.size ? size : null); + if(params.classes != '') + $ref.find(MODAL_DIALOG).addClass(params.classes); + // Change title $ref.find('.modal-title') @@ -450,6 +465,7 @@ message: data.message || data, onHide: click, size: data.size, + classes: data.classes, title: data.title || title }); @@ -494,6 +510,7 @@ deferred: dfd, message: message, size: params.size || SIZE.xl, + classes: params.classes || EMPTY , title: params.title || title }); //////////