Assalamualaikum, artikel kali ini saya akan bahas mengenai cara membuat modal bootstrap di framework laravel. Modal tidak harus di buat berulang pada setiap view, karena pada modal content akan meng load view dari Controller. Secara dasar, cara membuat modal pada laravel dan yii tidak ada bedanya, karena menggunakan jquery dan hanya harus menampilkan view secara partial.

Untuk kali ini kita akan membuat popup untuk authentication atau ketika sesudah login dari laravel akan menampilkan popup berhasil login.

Buat dulu button yang ingin kita tampilkan modal nya. Disini saya menggunakan button login, jika dia berhasil login maka ia akan

<button type="submit" class="btn btn-primary btn-block" data-toggle="modal" data-target="#contohModal">Get Started</button>

Setelah itu kita akan buat modal nya yaitu popup yang ingin kita tampilkan ketika dia berhasil login

<div class="modal fade" id="contohModal" role="dialog" arialabelledby="modalLabel" area-hidden="true">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
 
                     <img src="/asset/sukses.png" width="" height="" alt="...">
                  </div>
                </div>
              </div>
            </div>

Kita akan mencoba tes apakah popup nya sudah muncul atau belum ketika kita berhasil login. Kita coba dulu login

jika sudah berhasil maka akan tampil seperti ini