Releases: mesuttalebi/MT.BootstrapLazyloader.js
Allow to select Html template for header of the modal
Now you can define a header template target for modal, this is useful if you want to place a customized html in header. for this you should replace data-header with data-header-template attribute and the value should be a css selector like '#idOfDomElementsThatContainsHtml' or any css selector.
example:
<button class="lazyload showModal" data-url="@Url.Action("PreviewProduct", new {id=Model.product.Id})"
data-header-template="#productModalHeaderTemplate" data-size="modal-lg" data-callback="initProducts()">Preview</button>
Added Bootstrap4 support for Lazyload modal
Added ability to correctly show bootstrap 4 lazyload modal by adding a global scoped variable as below:
MTLazyloadBootstrapVersion = 4
Added Lazyload for Collapse and a function to open modal from javascript
Now you can add lazyload to collapse, also added a new function named OpenModal that allows you to open a modal directly from javascript.
Always in Top, allow to disable closing modal
- with this improvement when lazyload modal is nested in another modals, and you click to open the modal for second time, it is show in top of other modals.
- allowing to disable closing modal by clicking on outside of modal or close button, or by pressing 'Esc' key on keyboard.
Bug Fix
a bug with adding modal's css class for modal size fixed.
Allow Open Lazyload modal by click anchor tag, allowed to open multiple lazyloaded modal
Now by adding Id to your tag, you can open multiple lazyload modal by clicking on different tags, with different ids,
also in this version user able to open modal by clicking an anchor tag
Added Modal Lazyloading
In this release Modal Lazyloading added.