dotnet / aspnetcore

ASP.NET Core is a cross-platform .NET framework for building modern cloud-based web applications on Windows, Mac, or Linux.

Home Page:https://asp.net

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Blazor Loading Page Component

HolyOne opened this issue · comments

Is there an existing issue for this?

  • I have searched the existing issues

Is your feature request related to a problem? Please describe the problem.

I am trying to add a Loading screen with progress (and display which dll ' s are being loaded if possible)
Most examples are too complex and old or they need modification in both app.razor and MainLayout contents.

The reason I open this ticket is, a loading screen is common in most mid-large size projects.

Describe the solution you'd like

I think the Blazor template should come with an (optional) loading screen component and blazor.web.js should support it and inject it the necessary values (or at least a js event listener, or maybe a better native way).
So we can easily design our loading screens.

Additional context

No response

@HolyOne thanks for contacting us.

We don't think we should complicate the template with a more elaborate loading UI. The template is already complex enough and presents enough options, and due to that, we need to carefully weight making new additions to it.

This is something that can be built into a nuget package in a reusable way and we don't think there is a single unique way that will satisfy everyone.

I think the Blazor template should come with an (optional) loading screen component and blazor.web.js should support it and inject it the necessary values (or at least a js event listener, or maybe a better native way).
So we can easily design our loading screens.

Note that there's already support through a custom property that we update during the loading process to know the percentage of files that have been downloaded.

This issue has been resolved and has not had any activity for 1 day. It will be closed for housekeeping purposes.

See our Issue Management Policies for more information.