Recently bootstrap has been updated its version 4. After that we are not able to open dynamic model using prevous method.
here we will discuss for new method for dynamic load of bootstrap model.

<div id="myModal" class="modal fade form-modal" data-keyboard="false"  role="dialog" style="display: none;">
    <div class="modal-dialog modal-lg student-big">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                    <i class="fa fa-user"></i>&nbsp;&nbsp;<span class='form-title'></span>
                </h4>
                <button type="button" class="close subbtn" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body" id="randomID">
            </div> 
        </div>
    </div>
</div>
function openModel() {
    $.LoadingOverlay("show");
    $('#randomID').html(''); $(".form-title").text('Add Record');
    $('#randomID').load('/url');
    $("#myModal").modal('show');
}

Continue….

Spread the love
Last modified: February 28, 2019

Comments

Write a Reply or Comment

Your email address will not be published.