Create Bootstrap Modal popup Form using Laravel Livewire

You can support for the growth of this channel by purchasing one of my product called(Laravel Livewire Starter Kit) : bit.ly/3e6RcEG
In this series, you will learn everything about building a complete web application using Laravel and Livewire. My goal here is to teach everything i learned while building real world application using Laravel and Livewire.
Here are some of the highlighted list that you will learn in this series:
* How to install AdminLTE 3 with Laravel
* How to use toast notification using Livewire
* How to use bootstrap confirmation modal using Livewire
* How to use bootstrap modal for editing data using Livewire
* How to use date picker, time picker & text-area input with laravel livewire
* How to use Livewire component
* How to use Laravel components for re-usability
* How to use Laravel fortify for authentication
* How to use livewire events
* And much more.

[@Clovon]

Hi everyone, Here is the video on solving the weird modal issue: ruclips.net/video/AKX-SJ2zMG8/видео.html

[@angkorwatcambodia3671]

This tutorial is very helpful for me.

[@karishmanaula1745]

This tutorial solved the problem

[@luciferco7480]

Hi this is my problem.
In first click modal was show correctly but in next click Livewire show an error " Livewire\Exceptions\CorruptComponentPayloadException
Livewire encountered corrupt data when trying to hydrate the [admin.users.user-lists] component. Ensure that the [name, id, data] of the Livewire component wasn't tampered with between requests."
Can you help me?

[@Clovon]

Please check this video: ruclips.net/video/AKX-SJ2zMG8/видео.html

[@omranelsweefy966]

Very helpful, thank you.
I need to ask you a question: is it necessary that you dispatch a browser event from component class?
Can't i just use
Launch demo modal
?

[@Clovon]

You are welcome. You can try that.

[@angelhdz6554]

Thanks, excellent video, one more sub helped me a lot

[@Clovon]

Awesome, thank you!

[@iandavedulosejercito7902]

Hi sir, your tutorials really helped me and the techniques you showed from your videos are helpful. However, I have a question. How can you prevent the user from sending 2 submission, technically I want to disable a button after submission. Hope you can help me kind sir.

[@Clovon]

Livewire will automatically handle this if you are wrapping input fields with form element.

[@molaczek]

Cant close my modal. Close button in top right corner doesnt work. Bottom cancel button doesnt work to. How can I solve it?

[@Clovon]

Hi, Here is the video on solving weird modal issue: ruclips.net/video/AKX-SJ2zMG8/видео.html

[@meshri7]

The problem is that this guide is on bootstrap4 and now there is bootstrap 5 i have same issue solve it after 1 hour :p
The solution is in bootstrap webapage chose to use v4 not 5 and copy the code gl
sorry for my bad english

[@antony007456]

how to use different layout for admin and frontend page

[@Clovon]

You can create layout file for the frontend separately and then extend it.

[@iguanatan5857]

Hi all, I'm following every steps but the "model" not shown out, the console msg as "$(...).model is not a function"
can anyone guide me on this issue, thanks a lot

[@Clovon]

Hi Iguana, Make sure you have installed JQuery in your project.

[@iguanatan5857]

@@Clovon thank for reply, JQuery is installed in this project and it comes with bootstrap 3.0.5 in public/backend folder. Any other mistake that I might missed out?

[@iguanatan5857]

Hi @Clovon, I manage to call the popup window by changing the
$('#form').model('show'); => jQuery('#form').modal('show');

[@A.Muktar]

Two years letter the same issues: fixed using this " " what I forgot was calling path to plugins folder

[@EdwardKoo]

i followed the steps but on click, modal didn't pop up and no console error. it is just quiet. not sure what when wrong.

[@sagkal1581]

Just rename your id="exampleModal" to id="form" to make your modal pop up

[@EdwardKoo]

@@sagkal1581 thanks and yes, i did rename the id according to your tutorial but modal still not popping up. I'm also using the adminlte 3 template and also tried downgrade jquery to 3.5.1. it's weird. haha.

[@sagkal1581]

@@EdwardKoo btw I'm also just following this tutorial right now and still working , did you try dd("here") first still Popping?

[@sagkal1581]

If you have any error until now go to his repository compare your code to him

[@EdwardKoo]

@@sagkal1581 my dd('here') did not pop up.

[@onnewf9288]

You need to improve the audio quality so badly, nice tutorial tho

[@Clovon]

Thank you for your feedback. Yeah, I am trying to improve on my latest videos.