I hope to have two different pages in the web app that use different style libraries, such as one using Bootstrap 3 and the other using Bootstrap 5

In .NET 7, two different implementations of _host.cshtml can be used. However, in the .NET 8 web app, there is no longer a host.cshtml file and it has been replaced by an app.razor file.

May I ask how to fulfill my above requirements?

I hope to have two different pages in the web app that use different style libraries, such as one using Bootstrap 3 and the other using Bootstrap 5

In .NET 7, two different implementations of _host.cshtml can be used. However, in the .NET 8 web app, there is no longer a host.cshtml file and it has been replaced by an app.razor file.

May I ask how to fulfill my above requirements?

• blazor
• -8.0

Share Improve this question Follow edited Nov 20, 2024 at 17:12 marc_s 756k184184 gold badges1.4k1.4k silver badges1.5k1.5k bronze badges asked Nov 20, 2024 at 15:34 King LeeKing Lee 3311 silver badge22 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

You may try

@if (somecondition)
    {
        <link rel="stylesheet" href="......."]
        
    }
    else
    {
        <link rel="stylesheet" href="......."]
    }

.....

@code{
    // condition based on httpcontext
    [CascadingParameter]
    HttpContext? context{ get; set; }

}

in app.razor

when you navigate to pages in diffent styles,you need a full-page reload