Effective Alerts with Snackbar & Toast with .NET MAUI

[@jfversluis]

Hold up! The .NET MAUI Community Toolkit has a lot more amazing things that will you much more productive in building your .NET MAUI apps. I have this curated playlist with Community Toolkit videos, right here, check it out! kzbin.info/www/bejne/pHSxmWx9YrZpbpo

[@josedonizeteoliveirajunior1744]

really really easy! thanks for teaching!

[@jfversluis]

Glad it was helpful!

[@yaKaiZen]

Another great video! Thanks!

[@jfversluis]

Thank you!

[@DavidStania]

Nice!! That helped me a lot and my new app is with that toasts much more fancy than using default alerts.

[@jfversluis]

Awesome, thanks for letting me know David!

[@totototo4093]

Very helpful. Simple and clear explanations !

[@jfversluis]

Glad you liked it

[@resler7ooo118]

Thanks for all you tutorial...

[@jfversluis]

Absolutely my pleasure, thank you for watching!

[@DeepWorksStudios]

Great informativ Content Thanks Gerald

[@jfversluis]

Thank you!

[@deaasaleh3613]

Thank you for this great effort 👍👍👍

[@jfversluis]

Thank you!

[@SliemLichtenberg]

Great content as always !

[@jfversluis]

Thank you!

[@ezecel9]

Thanks for the video

[@jfversluis]

Thank you for watching!

[@cat0363-es3xs]

Thanks for the great explanation. In iOS 13.3.1, the snackbar background color is not colored.

[@jfversluis]

Thanks! Please open an issue for that on the repo

[@cat0363-es3xs]

Hi, @@jfversluis Thank you for your reply. I'll try to report an issue.

[@aoruspurple5872]

Nice video! Would you please make tutorial to replace the indicatorView's Dots for CarouselView's Images. Like a Thumbnails

[@dyrdymalka2890]

Is there any way, to show snackbar on the top of the screen from viewModel in MVVM pattern?

[@yousifarshak]

Clear explanation Well done 👍

[@jfversluis]

Thanks friend!

[@eddyemlj8482]

That is too goooooooooooooooood!

[@valentinoromelio5414]

I am just checking this. How to prevent it starts a new xaml form on windows when I click on the snackbar or the toast?

[@jfversluis]

I think you just hopped on the Community Toolkit Discord, ask there or open an issue on the repo if you think we should change that!

[@moatasemkremed5395]

Gerald, How can i target the control in view from ViewMode for anchor? Snackbar.Make("Some instructions", null, "X", TimeSpan, Options , Anchor_Control_Name_From_View?);

[@cissemy]

Hi Can I add my icon to snackbar ?

[@jfversluis]

Unfortunately not

[@ПетрДюкин-ю5в]

Thanks for the video! Can you please tell me how I can set my own font in SnackBar?

[@jfversluis]

You can set it through the VisualOptions

[@Mielesplayz]

is it possible to make the "snackbar" bigger? for me it appears behind the back button from android and I have no Idea how to fix that since there is no "fontSize" or "Size" setting

[@alialshreef2874]

Thanks Alot 🤗🤗

[@stargazerNC]

Great stuff, thanks! I wonder how would you go about on using this in an MVVM scenario?...

[@jfversluis]

It’s a static class that you can use so you can simply call is from your ViewModels just as well

[@stargazerNC]

@@jfversluis thanks. Was thinking along those lines. 😊

[@Zamphie]

You can do that, but you probably shouldn't as it's UI. UI code doesn't belong in a ViewModel, and it will make your ViewModel much harder to test.

[@jamalfazeli9127]

How can we use TouchEffects, Animations and Long press in .Net MAUI?

[@vknigam1988]

using Anchor is crashing in ios, any help on this

[@jfversluis]

Make sure it’s reported on the repository!

[@VicEstampida]

Super!

[@jfversluis]

Thank you very much!

[@RichardMilesMorris]

Just did this targetting Windows (I'm using Win 10) and noticed that when you click the "YES!" button, along with popping up the message window, it also creates a new instance of the app: if you do it again it will keep generating a new instance of the app. Thought that was pretty odd...

[@adrianllamido759]

Hi Gerald, every time I press either snackbar / toast in windows, it creates a new instance of the app.. even if I specify no actions at all. How do I prevent this?

[@jfversluis]

Check if there is an issue for it on the Toolkit repo, if not, please open one so we can have a look. It might be that this is Windows behavior we can't really control though, but might be worth having a look.

[@DanielAncines]

Thans for the tutorial, do you know how to change de title of the toast on Windows?

[@jfversluis]

I don’t think you can? Not through this at least. Is it possible in a Windows app normally?

[@DanielAncines]

@@jfversluis I think it is, but since the toat’s title is the project name, this isn’t a best choice because the name isn’t user friendly.

[@jfversluis]

@@DanielAncines It's probably the app name which by default is the project name, but you can change that

[@DanielAncines]

@@jfversluis unfortunately we can’t, I’ve been trying and doesn’t work, whatever you change on project, the title still the same.

[@jfversluis]

@@DanielAncines Change this value: github.com/jfversluis/MauiToolkitSnackbarToastSample/blob/main/MauiToolkitSnackbarToastSample/MauiToolkitSnackbarToastSample.csproj#L15 Uninstall the app from your Windows, rebuild the project and the name is changed.

[@ezecel9]

Do you know if there is some difference between using webview with blazor and xaml? I mean performance, UX, delays, etc. Which do you recomend? Thanks

[@jfversluis]

Performance should be very similar, delays... Shouldn't be happening unless you write blocking code, UX is dependant on what you implement, you can create great (or very bad) UX with both. Both can do the same thing but in a very different way. I can't really recommend because it's a bit of a personal choice. Do you like HTML/CSS more? Or do you have requirements to work with that? Go with Blazor! Are you more familiar with XAML and/or want that native look-and-feel? Go with XAML!

[@ezecel9]

@@jfversluis Thanks for the answer. In this app I'll have to show a kind of overview of a calendar with information within each day. Do you know any library that help me reach that? Can a library only run in blazor but not in xaml? or vice versa?

[@ghevisartor6242]

@@ezecel9 do you need to have lots of gestures? xaml have built in components, html you can use syncfusion but if you dont want third party libraries you need to do them yourself. Some libraries work with xaml but not blazor and viceversa. When I used the BarcodeScanner it worked only with xaml so I made another page and then switch back to the Blazor WebView. You can mix them, it's not like you only have to use razor components or only xaml pages.

[@Mielesplayz]

Thanks! I can now replace the notification that shows up with a nice little popup at the bottom of your screen.

[@jfversluis]

Awesome! Good luck!

[@Mielesplayz]

@@jfversluis Thank you!

[@hasansafi3341]

thank you. would you please make tutorial for playing embedded mp3 files (without internet) in xamarin forms and .net maui. thank you agian.

[@jfversluis]

You probably want to have a look at this one: kzbin.info/www/bejne/pXq8n3irj56im9k

[@hasansafi3341]

@@jfversluis thank you very much.

[@aathifmahir]

Awesome 👍, Please use Dark Mode on Visual Studio on Demo's in the future video's, almost blinded by light mode lol 😂

[@jfversluis]

Thanks for the feedback. Won’t happen though :)

[@christerad1669]

@@jfversluis Why :(

[@jfversluis]

Then I’ll get comments asking for light mode 🤷‍♂️ I prefer light mode myself, it provides better contrast for those who need it