From ASP.NET CORE 6.0, the official docs says that we can Influence HTML <title> tag elements easily by using PageTitle component. Add the HeadOutlet Component in Program.cs builder.RootComponents.Add<HeadOutlet>(“head::after”); Then use PageTitle Component <PageTitle>@title</PageTitle> Update 1: Looks like this API has been put on hold to improve further. This has been removed from official docs link. … Read more
In .NET5 it will be much simpler: <button @onclick=”() => textInput.FocusAsync()”>Set focus</button> <input @ref=”textInput”/> @code { ElementReference textInput; } NOTE: this feature was introduced in .NET5 Preview 8 so might change until the final release! Also worth mentioning that in .NET5 RC1 JavaScript isolation was introduced via JS Module export/import. So if you still need … Read more
You are invoking it deconstructed: await NewDayScrolledIntoView.InvokeAsync((p1, p2, p3)); When the event is received deconstruct it then: <ShiftCardScroller NewDayScrolledIntoView=”@((args)=> NewDayInView(args.Item1,args.Item2,args.Item3))” />
In my Blazor-server-side project, i resolved this issue with following two steps. Step 1: First create a new empty razor component named EmptyLayout. EmptyLayout.razor @inherits LayoutComponentBase <div class=”main”> <div class=”content px-4″> @Body </div> </div> Step 2, To set Layout=null, I use the below code in the top of all required pages @layout EmptyLayout
I believe that will work… Place the following code snippet in the _Imports.razor file @using Microsoft.AspNetCore.Authorization @attribute [Authorize] In that case, when the Index page is hit, the user will be redirected to the Login page. If you want to perform authentication before the Blazor App is being render, add the code snippet from above … Read more
Warning! The .vs folder contains all the data that VS gathered about the projects in your solution, the opened files, debug. You will lose all that! Close Visual Studios and delete the .vs hidden folder in the root of your solution. Start up your project and the error’s will be gone.
The primary difference is where your .NET code is running: with Blazor Server, it’s 100% server-side; with a hosted Blazor WASM application, .NET code is running on both the server and the client (though the server can run any other language or framework you want too). From what I read I understand Blazor Server side … Read more
I usually do something like this: Console.WriteLine(“My debug output.”); if it’s Blazor WebAssembly, I see the message in the browser´s console. If it’s Blazor Server App I see the message in the Output window. (In the output window, there is a dropdown – select: ” ASP.NET Core Web Server”).
First you need to capture a reference of your child component: <ChildComponent @ref=”child” /> Then you can use this reference to call the child’s component methods as you do in your code. <button onClick=”@ShowModal”>show modal</button> @code{ ChildComponent child; void ShowModal(){ child.Show(); } } The namespace of your component need to be added by a using … Read more
For me, it was because I was using @bind-value. The v is uppercase. Use @bind-Value