Solution: There is no single solution to your question. The following code is just one approach. Take a look and adapt it to your requirements. The code resets a timer on each keyup, only last timer raises the OnUserFinish event. Remember to dispose timer by implementing IDisposable @using System.Timers; @implements IDisposable; <input type=”text” @bind=”Data” @bind:event=”oninput” … Read more
Feature to render raw HTML was added in Blazor 0.5.0 version. This is the example of how raw HTML can be rendered from string containing HTML content: @((MarkupString)myMarkup) @functions { string myMarkup = “<p class=”markup”>This is a <em>markup string</em>.</p>”; } More info can be found in “Blazor 0.5.0 experimental release now available” announcement.
TL;DR This is because of the prerendering mechanism that initializes the component as a part of the host page _Host.cshtml, so that the first http request would result in a host page that comes not only as a script loader of the blazor application, but also with a statically rendered view. Therefore the user could … Read more
There is likely a better way to do this, but here’s a working example to get you started: Page: @page “/modal-test” <BlazorApp1.Components.Modal @ref=”Modal”></BlazorApp1.Components.Modal> <button @onclick=”() => Modal.Open()”>Open Modal</button> @code { private BlazorApp1.Components.Modal Modal { get; set; } } Component: <div class=”modal @ModalClass” tabindex=”-1″ role=”dialog” style=”display:@ModalDisplay”> <div class=”modal-dialog” role=”document”> <div class=”modal-content”> <div class=”modal-header”> <h5 class=”modal-title”>Modal title</h5> … Read more
MS has addressed this limitation, but the solution requires .Net 6. https://github.com/aspnet/AspLabs/tree/main/src/BlazorCustomElements This was done by the man himself, Steve Sanderson.
To recap the problem, when somebody makes a request to: https://yourapp.com/api/someendpoint and /api/someendpoint can’t be found, they’re taken to a Blazor page. This default behaviour is weird. For requests starting with /api, they were expecting an HTTP Status Code and probably a JSON object too, but instead, they got HTML. Maybe they don’t even use … Read more
Well, I came across this issue this morning and the way I solved it for server-side Blazor was to create a class that you can then inject as a scoped service on your _host.cshtml, and then access it anywhere on your Blazor components, as Razor pages already have support for this. public class BlazorAppContext { … Read more
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
This is an annoying issue indeed and I’m getting that error every now and then. It seems to happen after updating some packages, and the build processes fails to pick up the new SHA for the package. You can verify that this is the issue by finding the file containing the SHAs and compare the … Read more
Judging by the comments on the accepted answer and on the original version of this answer I think there may be a bit of confusion around dynamically adding components. There are (at least) a couple of ways to achieve this (and a number of existing questions on this, e.g. here). It all depends on exactly … Read more