ASP.NET Core MVC 2.1 & CoreUI 2.0 (Bootstrap 4) (edit)


http://www.coderepo.blog/posts/building-elegant-applications-aspnet-core-mvc-2.1-coreui-2-bootstrap-4/

Bootstrap Modal Form


 

https://mdbootstrap.com/javascript/bootstrap-modal-form/

https://www.sitepoint.com/understanding-bootstrap-modals/

Angular 1.x & Bootstrap Modal

https://www.codeproject.com/Articles/1236938/UI-BootStrap-Modal-Dialog-Tutorial

Clear form JavaScript

$("#formID")[0].reset();

document.getElementById("formID").reset();

https://www.redips.net/javascript/clear-form/

http://javascript-coder.com/javascript-form/javascript-reset-form.phtml

Get Dynamic Data in Bootstrap Modal

https://medium.com/@janaksan_/passing-img-src-to-bootstrap-modal-93d444a27de
https://laracasts.com/discuss/channels/laravel/how-to-get-dynamic-data-in-bootstrap-modal
https://code.i-harness.com/en/q/a22745
https://dzone.com/articles/aspnet-core-crud-using-blazor-and-entity-framework

Ví dụ modal

<div class="modal fade" id="modalLoginForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title w-100 font-weight-bold">Sign in</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body mx-3">
<div class="md-form mb-5">
<i class="fa fa-envelope prefix grey-text"></i>
<input type="email" id="defaultForm-email" class="form-control validate">
<label data-error="wrong" data-success="right" for="defaultForm-email">Your email</label>
</div>

<div class="md-form mb-4">
<i class="fa fa-lock prefix grey-text"></i>
<input type="password" id="defaultForm-pass" class="form-control validate">
<label data-error="wrong" data-success="right" for="defaultForm-pass">Your password</label>
</div>

</div>
<div class="modal-footer d-flex justify-content-center">
<button class="btn btn-default">Login</button>
</div>
</div>
</div>
</div>

<div class="text-center">
<a href="" class="btn btn-default btn-rounded mb-4" data-toggle="modal" data-target="#modalLoginForm">Launch Modal Login Form</a>
</div>