Open Closed

Replacing LeptonX App.razor #6683


User avatar
0
jhsanc created
  • ABP Framework version: v7.4.1

  • UI Type: Blazor WASM

  • Database System: EF Core (SQL Server)

  • Tiered (for MVC) or Auth Server Separated (for Angular): no

Hi, I need wrap all content of Blazor Wasm App, with TelerikRootComponent tag, I already did a ticket but told me have a bug with layouts.
Well I found this alternative:
Create an App.razor file:

**<TelerikRootComponent>**
<CascadingAuthenticationState>
    <Router AppAssembly="RouterOptions.Value.AppAssembly"
            AdditionalAssemblies="RouterOptions.Value.AdditionalAssemblies">
        <Found Context="routeData">
            <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@LayoutOptions.Value.Layout">
                <NotAuthorized>
                    @if (context.User?.Identity?.IsAuthenticated == false)
                    {
                        <RedirectToLogin />
                    }
                    else
                    {
                        <ErrorView Title="@UiLocalizer["403Message"]"
                                   HttpStatusCode="403"
                                   Message="@UiLocalizer["403MessageDetail"]" />
                    }
                </NotAuthorized>
            </AuthorizeRouteView>
        </Found>
        <NotFound>
            <LayoutView Layout="@LayoutOptions.Value.Layout">
                <ErrorView Title="@UiLocalizer["404Message"]"
                           HttpStatusCode="404"
                           Message="@UiLocalizer["404MessageDetail"]" />
            </LayoutView>
        </NotFound>
    </Router>
</CascadingAuthenticationState>
**</TelerikRootComponent>**

And I changed this:
image.png
But now I'm worried, I don't know if I update abp with new version I can have issues, and I need know if builder.RootComponents.Add<App>("#ApplicationContainer"); its mandatory for leptonX theme.
Or if exists any way to keep updated my own app.razor

Thank you,

Johan


1 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Your approach is correct, it will have no effect when upgrading to a new version.

    Actually in version 8.2, we added app.razor to the application template instead of the theme

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 13, 2025, 04:08