Search code examples
javascripthtmllaravelbootstrap-modaladminlte

How to use adminlte modal in laravel?


In my Laravel project , I use AdminLTE and I want to use modals in it. all part of AdminLTE works great. but, I can't use modals. I don't know how to use it. should I add any js code for it?

scripts:

<script src="{{asset('bower_components/jquery/jquery.js')}}"></script>
<script src="{{asset('bower_components/bootstrap/dist/js/bootstrap.js')}}"></script>
<script src="{{asset('bower_components/admin-lte/dist/js/adminlte.js')}}"></script>
<script src="{{asset('bower_components/datatables.net/js/jquery.dataTables.js')}}"></script>
<script src="{{asset('bower_components/datatables.net-bs/js/dataTables.bootstrap.js')}}"></script>
<script src="{{asset('bower_components/select2/dist/js/select2.js')}}"></script>
<script src="{{asset('bower_components/select2/dist/js/select2.full.js')}}"></script>

I want to have some thing like this : https://adminlte.io/themes/AdminLTE/pages/UI/modals.html


Solution

  • I had mistake in css loading and also I didn't add modal's js file :

    <script src="{{asset('bower_components/bootstrap/js/modal.js')}}"></script>