Forms with .NET 8 Blazor SSR (Static Server-Side Rendering) & Enhanced Navigation🔥

➡️ Use code START2024 for 10% off!

Table of Contents:
00:00 Project Overview
05:59 Fix the EditForm
09:09 View a Character with a Button
15:34 Fix Scroll Position with Enhanced Navigation

#DotNet #Blazor #BlazorSSR

[charliehager]

Excellent 5 STARS short to the point video! Be sure to watch the entire video there are some really good tips near the end. SSR is making me rethink the future. Have a bit more experimenting to do. I was having the problem with a form button within a foreach loop and you nailed it for me thanks much! Cheers.

[Scorpion-ijtt]

Hi Patrick, this is THE most comprehensive tutorial of using forms in SSR on the web. Thanks so much for your effort. One quick comment. At 7:23, you mentioned that you can use the "Name" parameter for the SupplyParameterFromForm. It is actually the FormName parameter. There is a name parameter. It took me a while to figure out as I was getting the weird error of edit form missing model or edit context and it turned out that I had used the name parameter. Thanks again!

[iykeypat]

Thanks Patrick for the clarification on interactivity with SSR forms

[christianbuhler]

Thanks for these videos! They helped me already a lot!
I wanted to use a form select on a SSR page but that didn't work.

<select class="form-select" aria-label="Default select example">
<option selected>Open this select menu</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

A short example video that shows how to use such a form select on a SSR page would be great!
Many thanks in advance!

[Ajmal_Yazdani]

thanks for share. this is cool. What are the use case where I can't use SSR and I have to use server or web assembly?

[sebastianmartinezperez]

Hello, I love your video. Can you tell me how you would do, if you had a model with a primary key Id of type GUID, that you need to pass it to the form, so that later in the POST it returns this identifier in the model, as an INPUT HIDDEN.

Thank you!.

[JoseLuisOrihuelaConde]

Thanks for the video. I've been working with SSR and EditForm and I found an issue. I don't know how to handle a "Busy" indicator. I've tried using JS but it broke the EditForm. Can you share how to work in this kind of scenario?

[dogoku]

I had an 2FA OTP form that when submitted it should log the user in (this is after an enhanced async user/pass form). Having enhanced mode turned on on the OTP will break things, because as you may know for cookie based authentication, it is required to do a full page redirect in order for the server to send the cookie in the response.

[zjelev]

I have a page with a form and a table from database and uses SignalR to refresh to all clients without page reload. The problem is with DbContext disposing. I think a video on this subject would be useful.

[maxiphobos]

Hello. Do you maybe know if in .Net 8 Blazor is there any elegant way how to fix SignalR disconnection issue? After browser sleep on mobile or just leave open page on desktop for a long time, for example... Auto re-connect or somehow else to avoid out-of-the-box message with the Reload button?
This issue is one of the biggest Blazor SSR disadvantages, in my opinion😢

[kallebysantos]

I'm having an issue with my SSR form.
I'd create a sign in form where users can enter with their username and then they are pre-authenticated to a two factor code.
During the form submission I fired an email to the user with the sign in code. The problem is that the submit button has a little issue. If the user clicks many times in the submit button the OnValidSubmit handler is called twice. I tried to prevent it using Streaming rendering and conditionally putting a view only form in the place of EditForm. The problem is that there is a little delay between Streaming rendering. I also had looked to Network inspect and saw that blazor automatically cancels spamming requests, but it doesn't prevent the handler method from being called twice.
Does anyone know how to fix it without moving to Interactive mode?

[thgdjod]

i think, what will happening, when the user refresh the browser after submit the form?

[vedd]

Hey Patrick, do you plan to create a video about migration process from Blazor Server .NET 7 into Blazor Web App .NET 8?

[margosdesarian]

Have you managed to get a Rich Text Editor working correctly out of the box with SSR yet? I have tried a few but they disappear as soon as you revisit the page.

[thebrandseagle]

Please explain how to handle javascript in static ssr
I have scenario
When my form submits I want to save some value to cookie
Also how to call method from javascript

Just like we were able to do on blazor server in After render

[atirah]

This seems to be more complex than a WASM or Server app

[browaruspierogus]

can you do formless - just submit an object that is posted just like in ajax on server?
why all those crazy bloated forms? this is overkill

[ferdicuyar]

Why do you insist in makeing a submit form in a loop. You may make a normal button to trigger a function which makes form model below as button triggering fucntion parameter.