ABP Framework version: v8.0.5
UI Type: Blazor WASM
Database System: EF Core (SQL Server)
Tiered (for MVC) or Auth Server Separated (for Angular): no
Exception message and full stack trace: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100] Unhandled exception rendering component: A Telerik component on the requested view requires a TelerikRootComponent to be added to the root of the MainLayout component of the app. Read more at: https://docs.telerik.com/blazor-ui/getting-started/what-you-need#project-configuration System.Exception: A Telerik component on the requested view requires a TelerikRootComponent to be added to the root of the MainLayout component of the app. Read more at: https://docs.telerik.com/blazor-ui/getting-started/what-you-need#project-configuration at Telerik.Blazor.Components.RootComponent.TelerikRootComponentFragment.OnInitializedAsync() at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()
Steps to reproduce the issue: https://docs.telerik.com/blazor-ui/getting-started/client-blazor#43-add-the-telerikrootcomponent
We have implemented telerik components in our application using the steps in the link above and this https://community.abp.io/posts/how-to-integrate-the-telerik-blazor-components-to-the-abp-blazor-ui-q8g31abb but we are currently facing issues with popups positioning as described here https://docs.telerik.com/blazor-ui/troubleshooting/general-issues#wrong-popup-position.
I have already looked at this ticket https://support.abp.io/QA/Questions/6585/Wrap-body-with-TelerikRootComponent and this docuumentation https://docs.abp.io/en/abp/latest/UI/Blazor/Layout-Hooks#specifying-the-layout and implemented the example code but was unable to get the issue fixed. The telerikrootcomponent does not get attached/created
Can you kindly provide me with detailed guide to get the popus for Telerik to work in ABP.
I have configured this to redirect users to the login page after they have logged out. This works on localhost but when I push to azure I am unable to get it to work.
@using Microsoft.AspNetCore.Components.WebAssembly.Authentication
@using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components
@using Volo.Abp.DependencyInjection
@inherits Volo.Abp.AspNetCore.Components.WebAssembly.LeptonXTheme.Pages.Authentication
@inject NavigationManager _navigationManager;
@attribute [ExposeServices(typeof(Volo.Abp.AspNetCore.Components.WebAssembly.LeptonXTheme.Pages.Authentication))]
@attribute [Dependency(ReplaceServices = true)]
<Card>
<CardBody>
<RemoteAuthenticatorView Action="@Action">
<LoggingIn>
<LoadingIndicator/>
</LoggingIn>
<CompletingLoggingIn>
<LoadingIndicator/>
</CompletingLoggingIn>
<LogOut>
<LoadingIndicator/>
</LogOut>
<CompletingLogOut>
<LoadingIndicator/>
</CompletingLogOut>
<LogOutSucceeded>
@{
_navigationManager.NavigateTo("/authentication/login");
}
</LogOutSucceeded>
</RemoteAuthenticatorView>
</CardBody>
</Card>
public partial class Authentication
{
public Authentication(
WebAssemblyCachedApplicationConfigurationClient webAssemblyCachedApplicationConfigurationClient)
: base(webAssemblyCachedApplicationConfigurationClient)
{
}
}
In localhost, I observed that the state parameter is present in the logout and the logout-callback call but not available in production(azure appservice). Can you help with a solution?
Is it possible to deploy Blazor web assembly app to Azure static web app? If yes can you point me to the documentation/steps to configure that for my ABP Application?
Check the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples, to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, please use the search on the homepage.
If you're creating a bug/problem report, please include followings:
I recently upgraded to 7.0. All the work I have done with the footer in leptonX has been overwritten. In ABP6 I created a custom footer component which I use on each page. I have tried this solution (https://support.abp.io/QA/Questions/4251/Footer-missing-Breadcrumb-problems) but I still get the default volosoft footer.
I have been successful in overriding the footer for the HTTPApi.Host project but I'm struggling with the Blazor side.
How can I customize the footer in ABP7 and leptonX 2.0.0 for blazor webassembly?
Is there a way to perform pre-rendering or Lazy load a blazor webassembly project? Or better still, is there an ABP way of making the a blazor webassembly app load faster The initial loading of my app just takes too long. I have read the following articles to fix the problem. but they all made reference to an app.razor file which is not included in the generated project.
https://docs.microsoft.com/en-us/aspnet/core/blazor/webassembly-lazy-load-assemblies?view=aspnetcore-6.0 https://jonhilton.net/blazor-wasm-prerendering/ https://jonhilton.net/blazor-prerendering-net6/ https://www.c-sharpcorner.com/article/lazyloading-in-blazor/ https://www.meziantou.net/lazy-load-assemblies-in-a-blazor-webassembly-application.htm