Introducing Blazor: Structure and Debugging | ASP.NET Core 101 [11 of 13]

Learn more about ASP.NET:

Follow us:

Useful Links:

[mustang]

For others struggling with modal aspect of this, the newest version of these project templates with VS2022 uses BootStrap 5.1 and in that it seems there is a change to the data- elements. Where we are to use data-toggle="modal"& data-target="#productModal" in the button click and data-dismiss="modal" in the close button of the modal you just need to add a -bs. So what you need is data-bs-toggle="modal", and data-bs-dismiss="modal". Once you do that, everything starts working.

[pleilleur]

I had that cooking recipe joke in my mind since video 4 😄
Thanks for this course, this is very useful.

[Gigity]

I didn't have an issue with the OnClick. I just can't get the Modal to pop up at all. It's getting inside the if statement and if I add other divs they print out. But no modal. Any ideas?

[conaxlearn]

All the More Info buttons appears like they are part of the card below...

[DmitryLubenskiy]

Unable to attach debugger deployed blazor app to IIS?

[patrickwallin]

I struggle with the modal popup. It won't pop up when I click on 'More Info' button. I did research and did try to solve it in many different way and nothing was working. It sounds like something I might miss setting up on VS Community 2022?

[ztainxiang]

Nothing happened when I click the btn...turned out that I misspelled the src as scr

[huepark]

Can anyone explain how the debugging works on Blazor codes? Like @onclick method, the actual click event happens on the front-end side. and the code itself is written on C#. And as we have seen on the video, they debugged the code on Visual studio. How does it work? Shouldn't the code work on the browser?

[aldiwijayahutani]

This is a good tutorial indeed. But now I am trying to make this tutorial slightly different so that the Detail Information of the craft can be displayed on new page (same tab).. So there is no pop up but a new loaded page instead. I am having difficulties to accomplish this. Any help would be appreciated. Thanks

[abdallahkhaled]

Why the condition @if(selectedProduct != null) is triggered every time we click on the more info button ? If I understand correctly the html is only rendered once on page load

[stefanc]

The button doesn't do anything. Tried the solution provided by Duran Dunn but still doesn't work.

[amdreallyfast]

Why is the @if code evaluated prior to @code and yet can access its contents? Is @code hoisted to the top of the razor file? This sounds a bit javascript-esque

[AshishSinghBaghel]

many are upset about the bug that only initally we had to click twice to bring up the modal --> may be scott left it for us to figure out how to fix it :)

[treewhales]

Anyone any idea how to store the data in a list instead of reloading with each call to GetProducts, for example when the control is created the data is loaded, when the razor page is rendered the data is loaded again. SO can the Razor page access the data from the controller ?

[fennelsoft]

how did the click worked on the More Info Button. previous video it didnt work. please show us.

[zxG]

So I had a few issues with this... For some reason this wouldn't work with the default bootstrap bundle file, I just used the one off their site and works like a it should.

[bahtiyarozdere]

Thanks for nice introduction.But how does modal work without javascript there?

[HackelSchorsch]

The code doesn't work and all the suggestions here did not help. This tutorial started so well and then this...

[mahmoud]

The first time i click more info button it doesn't work.
After the first "unworking" click, all works fine!


anyone has the same problem?

[mendarkbabu]

not able to hit the debug point in SelectProduct. i followed the same steps as you did.