How to use Sweet Alert in Laravel Livewire

Поділитися
Вставка
  • Опубліковано 19 вер 2024
  • A simple demo: two use-cases of SweetAlert JavaScript library in Livewire, utilizing Livewire events.
    SweetAlert library: sweetalert2.gi...
    My Livewire Kit: livewirekit.com/
    - - - - -
    Support the channel by checking out our products:
    - Try our Laravel QuickAdminPanel: bit.ly/quickad...
    - Enroll in my Laravel courses: laraveldaily.t...
    - Purchase my Livewire Kit: livewirekit.com
    - Subscribe to my weekly newsletter: bit.ly/laravel-...

КОМЕНТАРІ • 27

  • @fabrizziomorenor.6495
    @fabrizziomorenor.6495 2 роки тому +1

    Mr. Povilas thanks for teach this tool and his tips, very usefull for my growth like TALL developer, Regards from Chile!

  • @TahirBhai
    @TahirBhai 3 роки тому +2

    Thank you so much, by this way we can now use any toastr or any js library for showing none blocking notifications

  • @DanielŚmigiela
    @DanielŚmigiela 3 роки тому +1

    great time feeling! i implement sweetalert in my project yesterday :D

  • @nalorim7613
    @nalorim7613 3 роки тому +3

    I use alpineJs for these dialogs with livewire built-in listener.

  • @JacquesvanWyk
    @JacquesvanWyk 3 роки тому +1

    Thank you. Loving livewire :)

  • @hemantbhardwaj17
    @hemantbhardwaj17 3 роки тому +2

    Lol that what I were making already and were going to send it to you 😅 will send it and make it more enhanched

  • @beatnu187
    @beatnu187 3 роки тому

    Love it! Thank you and have a nice weekend!

  • @muhamadardinurinsan572
    @muhamadardinurinsan572 3 роки тому +2

    thank you :)

  • @aminmrd
    @aminmrd 3 роки тому +2

    how to fire a css loader for the list of post after one post was added or deleted

  • @saschapresnac6015
    @saschapresnac6015 3 роки тому

    Hej 👋,
    thanks for this video, it saved me a LOT of time 👍👍👍

  • @aliyubabayo440
    @aliyubabayo440 3 роки тому

    Thank you brother. How would you show error alert when record is not added form some reasons?

  • @mithudas6873
    @mithudas6873 3 роки тому +2

    Want more liveware tips.

  • @neerajsinghtangariya2587
    @neerajsinghtangariya2587 3 роки тому +1

    Wow, nice %100 :)

  • @Rivera-D
    @Rivera-D 3 роки тому

    Woahhhh, thanks for that information 🔥

  • @suhpc82
    @suhpc82 3 роки тому

    A bigger question would be, is it possible to prompt the alert on redirect like we do with flashdata? Say, we delete a record in the Edit page; and after it's deleted successfully, we redirect to the index page and show the success alert there.
    Also there's a library called livewire-alert which is pretty nifty.

  • @ashwanisingh9283
    @ashwanisingh9283 3 роки тому

    Thanks for this video..

  • @mohsensaeidi1663
    @mohsensaeidi1663 3 роки тому

    you are the best.

  • @PaoloDellAquila
    @PaoloDellAquila 3 роки тому

    Very nice video. I did a couple of test and I would like to add something.
    If I follow your method (adding a listener in the controller) the system is working but it's not reactive as I'd like. Very slow before opening the modal.
    In my opinion GUI must react immediately to the click, than it can take some time for loading. But the user needs a feedback immediately.
    So I tried to emit directly from the blade with the following command:
    and then in the javascript part there is the function triggerDelete.
    In this way the system is very reactive.
    There is something wrong in my method?

  • @0xken
    @0xken 3 роки тому

    How for toast? Thank.

  • @jeffersoncarvalho2566
    @jeffersoncarvalho2566 3 роки тому

    What is the ".detail" in "event.detail.title"?

  • @devintaspharma
    @devintaspharma 3 роки тому

    Sir make a video on livewire counter in bootstrap modal video. It didn't work properly I tried.

  • @xmazlan
    @xmazlan 3 роки тому

    sweetalert2@10 Unknown parameter "id"
    do U have solution?

  • @sanscoercition1437
    @sanscoercition1437 3 роки тому

    thanks awesome without alpinjs or ...

  • @earhackerdem
    @earhackerdem 3 роки тому

    First haha

  • @longsuabc
    @longsuabc 7 місяців тому

    Those are not working, too old.