How to create a popup login in Laravel?

By -

1. Make sure you already have a login page and user table in database. If not, create them using:
 php artisan make:auth 

Then, refresh your database to migrate newly created user table by using :
 php artisan migrate:refresh 

2. Open your login.blade.php in your editor. 

3. Add this code before your <form> tag 
<div class="modal fade" id="masuk" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title"> LOG IN</h4>
 </div>
<div class="modal-body">

Rename id attribute into your own. 

4. Add this code after your </form> tag 
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary m-t-10" data-dismiss="modal"> Close </button>
</div>
</div>
</div>
</div> 

5. Next, add this code after the <div class="panel-body"> tag 
<button class="btn btn-primary" data-toggle="modal" data-target="#masuk"> Login </button> 

Make sure data-target attribute set to the same name as your id before 

6. Refresh your browser and try login.

Comments

Post a Comment

Popular posts from this blog

Comelnya Nursing Room di iOi City Mall, Putrajaya

By -
Image
Sejak dah naik pangkat jadi mak-mak ni, benda pertama yang aku cari bila masuk mana-mana mall adalah nursing room dulu. Bagi aku, paling mudah nak cari nursing room bila masuk AEON Mall sebab mereka memang akan muatkan bilik khas dalam bahagian bayi dan kanak-kanak. Tetapi, dalam banyak-banyak negeri, sememangnya bahagian Lembah Klanglah paling banyak nursing room. Oh ya, berbalik kepada tajuk asal. Nursing room atau baby room di wing baru iOi City Mall, Putrajaya memang comel sangat. Comel dan tenang Menggunakan warna pastel, pihak iOi City Mall tak menggunakan hiasan sarat pun di dalam bilik serbaguna ni. Kedudukan tempat tukar lampin yang tersusun elok di hadapan barisan sinki pun dah cukup memudahkan dan nampak teratur. Di dalam ruangan ini juga turut disediakan mesin water dispenser bagi ibu bapa yang memerlukan. Ruang yang ringkas tapi luas Bagi ibu-ibu yang mahu menyusukan bayi atau mahu mengepam susu badan secara privasi, di dalam ruangan ini juga turut disediakan bilik-bilik k...
Read more

Resepi Mudah Sundubu Jjigae

By -
Image
Hai semua. Ada tak antara korang yang suka makan makanan dari Korea Selatan macam aku? I have to admit yang aku paling suka makan jjigae. Tak kisahlah jjigae apa. Aku pernah cuba masak resepi sundubu jjigae sebelum ni. Tapi bila aku ikut resepi tu, macam ada yang tak kena. Tapi! Akhirnya aku dah jumpa resepi mudah yang memang confirm korang rasa macam boleh ulang masak sendiri je banyak kali lepas ni. So, jom aku kongsikan resepi mudah untuk memasak Sundubu Jjigae ni. First, jom tengok senarai bahan yang diperlukan. Resepi ni pun tak perlu menggunakan gochujang tau, which bagi aku rugi untuk dibeli sebab bukan selalu pun mood nak makan makanan Korea tu datang kan? Lainlah kalau memang pakai hari-hari. Bahan-bahannya adalah:  1/4 Bawang Holland  Green Onion  Daging Kisar  3 sudu Serbuk cili  2 cawan Air  2 sudu Bawang Putih Kisar  3 sudu Kicap Masin  2 sudu Sos ikan  Cendawan  2 Ketul Taufu Lembut  Telur  Black Pepper & Cili...
Read more

Yang mana antara 30 lagu akan mara ke Anugerah Juara Lagu ke-39?

By -
Image
Hai semua. Minggu lepas, secara rasminya, senarai 30 buah lagu yang akan bertanding di pentas separuh akhir Muzik Muzik 39 telah pun diumumkan. Acara muzikal rasmi tahunan ini akan dijalankan secara langsung dari Studio Glenmarie, Shah Alam pada 14 dan 15 November 2024 ini. Saingan semakin sengit. Yang manakah antara 30 lagu ini yang akan mara ke pentas Anugerah Juara Lagu 39 nanti?  Secara jujurnya, aku tak pernah sempat mengikuti episod mingguan Muzik Muzik yang ditayangkan di TV3, setiap hari Ahad, jam 12.20 tengah hari. Jadinya, aku agak excited jugak la bila senarai 30 lagu ni keluar. Aku akui, ada lagu yang aku biasa dengar, dan ada juga lagu yang aku kurang familiar. Apa -apapun, inilah senarai 30 lagu yang mara ke Separuh Akhir Muzik Muzik 39. Senarai 30 lagu yang layak ke Separuh Akhir Muzik Muzik 39 ILU - Aepul Roza OMK - Ezra Kairo & Zubir Khan Aura -  Ernie Zakri Tangis - Nabila Razali Risiko - Benzooloo, Ghidd, Meerfly, Tuju & MK K-clique Gelora - Us...
Read more