On Page Load open Modal

Script for window load:

<script type="text/javascript">
  $(window).on('load',function(){
      $('#confrimModal').modal('show');
      
  });
</script>

HTML layout for modal:

<div class="container" style="margin-top:20px;"> 
  
    




<!-- confirm Modal -->
<div id="confrimModal" class="modal fade" role="dialog" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body" >
        <p>Shuld we print the message?</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-success"  data-dismiss="modal">OK</button>
      </div>
    </div>

  </div>
</div>
    
  </div>

Comments

Popular posts from this blog

datatable with both top and bottom scroll bar.

Display Loader and disable page while waiting for ajax request

Invalid bean property or is not readable to loading Jsp page