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

'The Best Gift' : Hadiah Rain buat isteri

By -
Image
Tarikh 19 Januari semestinya merupakan tarikh penuh emosi buat para peminat Rain seluruh dunia apabila berita mengenai perkahwinannya bersama kekasih hatinya, Kim Tae Hee mula tersebar. Apa yang lebih mengharukan, Rain sempat merakamkan sebuah lagu yang diberi tajuk The Best Gift yang disempurnakan pada awal tahun ini. Lagu itu dikatakan merupakan hadiah Rain buat isterinya berdasarkan lirik yang ditulis pada bahagian korus. Sememangnya the best gift buat kedua-dua mereka. 'The Best Gift' : Hadiah Rain buat isteri http://myafarisha.blogspot.com/2017/01/the-best-gift-hadiah-rain-buat-isteri.html Rain, atau nama sebenarnya, Jung Ji Hoon memaklumkan peminat mengenai berita perkahwinan pada 17 Januari sebelum melangsungkan perkahwinannya dua hari kemudian melalui surat bertulisan tangan yang dipos pada laman media sosialnya.  Rata-rata peminat meluahkan rasa gembira apabila menyaksikan kisah cinta yang dijalinkan lebih lima tahun itu berakhir dengan sebuah perkahwinan....
Read more

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

Experimentasi menyelerakan di The Buzz Cafe, Premiere Hotel, Klang

By -
Image
Hi semua. Sebagai seorang yang suka mencuba sesuatu yang baru, Mya yakin ramai juga yang pernah bereksperimentasi dengan masakan. Dengan cubaan-cubaan macam nilah wujudnya resepi-resepi baru. Gabungan resepi sedia ada dengan idea baru yang adakalanya menjadi, adakalanya tidak. Namun, tidak begitu dengan Chef Noor Hisham dan pasukan kulinarinya dari Kafe The Buzz, Premiere Hotel. Mya rasa ramai yang masih tidak tahu mengenai salah satu keunikan hotel yang terletak di Klang ini yang mana menawarkan promosi makanan dan minuman berbeza pada setiap dua bulan.  Sebagai seorang yang sukakan masakan yang pedas, terutamanya masak lemak resepi Negeri Sembilan, Mya sangat sukakan menu utama yang cuba diketengahkan pada awal bulan May hingga penghujung bulan Jun nanti. Acapkali kita mendengar mengenai itik atau ayam atau daging masak salai cili api. Tapi, semudah mana kita mendengar bahagian betis kambing (lamb shank) dijadikan salai? Dengan resepi masak lemak cili api daripada Negeri Sembilan...
Read more