Delete confirmation dialog in Blazor

Once a record is deleted from the database, there is no easy way to recover it. So it's always a good practice to display a confirmation on Delete. In this video we will discuss, how to implement delete confirmation in Blazor.
Text Article and Slides
www.pragimtech...
Healthy diet is very important for both body and mind. We want to inspire you to cook and eat healthy. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking.
/ @aarvikitchen5572
Blazor tutorial for beginners
• Blazor tutorial for be...
Blazor Blog
www.pragimtech...
Angular, JavaScript, jQuery, Dot Net & SQL Playlists
www.youtube.co...
Let's gift education together
/ kudvenkat

[@paulgehrman]

Got this to work very quickly. Much appreciated. Also appreciated the thorough explanation of how all the pieces fit together.

[@appci8282]

Once again, 2 yrs in and everything works just fine. And more importantly it was pretty easy to understand what's happening.

[@Ameworlds]

Best blazor tutorial still in 2023

[@louisecrowe4968]

Another amazing video, thank you so much Venkat :)

[@charlesbaldo]

Thank You, been trying to figure this out since delete

[@diegomora5196]

Great tutorial, It's work great for me

[@parashgoswami264]

Hi... thanks for the great tutorial. Can you let us know your visual studio setup, theme and editor font and size.they just look pretty

[@IvanSpahiyski]

Thank you! Very useful tutorial!

[@chill4]

Thaks for the videos. Try to filter the background sounds, couse is stressing to listen all the time in the videos, like construction background deep sounds, thanks for all.

[@salvo4882]

Thanks for the tutorial, I found it very useful. I have a problem. The modal mask appear only once time. What am I doing wrong?

[@torrvic1156]

Same stuff. Did you fixed it? Feeling very confused about that.

[@imadabab]

Beautiful. Thanks a lot.

[@conaxlearn8566]

Hello, the background is not darkened like the demo on Bootstrap site. I suppose it is because we are using event to show the model instead of using the data-toggle and data-target attributes?

[@zacboyles1396]

To get the animation working, you need to structure it differently. The button to open the dialog should be in the .razor file and you'll need to use the data-toggle and data-target attributes. Lastly, you need to add jquery.js, popper.js and bootstrap.js to the bottom of your _Host.cshtml file but above the blazor.server.js script tag. Personally, I have a Modal as a component with the content as a RenderFragment object.

[@rdrgox]

add: wwwroot\css\site.css .modal-backdrop.show { opacity: 1; filter: alpha(opacity=100); /* Para versiones anteriores de IE */ } .modal-backdrop { background-color: rgba(0,0,0,0.5); }

[@nathangreene2626]

@@rdrgox I put your code in wwwroot\css\site.css but nothing changed. How do I apply this css to a page? Thanks!

[@sudiptoatutube]

11:54 All I can understand in the end that Mary is your favorite name who escaped all your deletes!!! Just joking! You are genius in Dot net training. May God bless you.

[@Poeisible]

Thank's you so much for the video series. Following this video, I got exception on statehaschanged() command.. Invalidoperationexception: the render handle is not yet assigned. Any solution ?

[@dangkolache]

Is there a benefit to making this public member and having to set a ref param over just having a "show" boolean parameter in the confirm component that shows the confirmation on update of the param?

[@missionit2822]

Nice topic

[@coolwaterdvr]

thanks venkat. 🙏🙏🙏🙏🙏

[@baNico23]

Thank you

[@joaolopes9926]

Error CS0029 Cannot implicitly convert type 'Microsoft.AspNetCore.Components.ElementReference' to 'PragimTech.Components.ConfirmBase' Visual Studio 17.7 .Net7

[@db81zg]

same here. did you find the solution?

[@nikola7377]

So apparently nobody knows how to use fade with modal (with Blazor)?

[@ganeshvisw]

When I use Show d-block in Confirm.raozor. On Click of delete button modal popup is displayed X and Cancel button is not working could you advise why this behaviour

[@javaguitarist]

I wish I knew what is wrong there (cannot guess what your code is), but it all worked for me after typing it all correctly.

[@vasugadhiya2987]

How To enable Live Reloading or Hot Reloading ? like reactJS

[@javaguitarist]

He explained this before: NavigationManager.NavigateTo("/");

[@levimatheri7682]

run project from terminal -> dotnet watch run debug --project EmployeeManagement.API then do dotnet watch run debug --project EmployeeManagement.Web

[@richdorset]

Mine won't delete twice in succession...

[@richdorset]

I put the tag in the wrong place... fixed now.

[@doorscomputersco.5713]

May I kindly request if you can do a tutorial on a One to Many data entry Please. Thanks!

[@hikayat_stories]

This is a useful link: docs.microsoft.com/en-us/aspnet/core/data/ef-mvc/complex-data-model?view=aspnetcore-3.1

[@charlesbaldo]

Checkout search. “AK Academy blazor”. He use a third party grid that is no cost open source.

[@chezchezchezchez]

Work with Razor pages too?

[@salvo4882]

I try it on a razor page with razor component. It work, but in my case the modal page appear only the first time. Surely I did something wrong

[@pembebulut2781]

I couldn't make it work

[@gkmishra2009]

Give video on ES6

[@anithayedla5444]

Not working in Blazor 5

[@amer-ik7jj]

when will be next video

[@KHOINGUYEN-oj9oz]

I have this error when using component. Anyone know how to fix this? "Cannot implicitly convert type 'Microsoft.AspNetCore.Components.ElementReference'" to 'EmployeeManagement.Web.BaseComponent.ConfirmBase'

[@zacboyles1396]

You used the wrong type for your DeleteConfirmation property. It needs to be the PragimTech.Components.ConfirmBase type.

[@gkmishra2009]

Give video on Splunk

[@parlamasisidoros]

Anyone can show us how to do this on PRODUCTION level? Local level email confirmation is NOT anybody's goal...