v5 and styles

[prod42net]

I followed the https://fluentui-blazor-v5.azurewebsites.net/MigrationV5 path ...
The code is running but it seams no styles at all are used.
Did I misunderstand?
disabling scoped css within myprj.csproj

<DisableScopedCssBundling>true</DisableScopedCssBundling> 
<ScopedCssEnabled>false</ScopedCssEnabled>

and adding this guy to app.razor

 <link href="_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css" rel="stylesheet" />

did I miss something?

[dvoituron]

Did you followed the Installation page: https://fluentui-blazor-v5.azurewebsites.net/installation

Including the paragraph "7. Verify Render Mode"

[prod42net]

I did the nuget.config and added the prerelease ( it seems it does not find a newer icon package though. ( I am working with Rider )
step 2) was there since I started with the fluentui template
step 3) I added the link
step 4) no bootstrap
step 5) already there from the template
step 6) I added
step 7) global interactive ssr
step 8) test page - I did not add it yet ...

[dvoituron]

We haven't migrated the template yet; it's still on v4. In my opinion, it's easier to start with the basic Blazor template and follow the steps on this installation page.

[prod42net]

It works as a charm now ...
actually the pages did work already only the layout and menu did needed some update.

and it all seems pretty straight forward and looks way cleaner - you are doing a great job!!

MainLayout

<FluentLayout>
    <FluentLayoutItem Area="LayoutArea.Header">
        <FluentLayoutHamburger />
        FluentUI Blazor v5 
    </FluentLayoutItem>
    <FluentLayoutItem Area="LayoutArea.Navigation" Padding="@Padding.All0">
        <NavMenu/>
    </FluentLayoutItem>
    <FluentLayoutItem Area="LayoutArea.Content" Padding="@Padding.All3">
        @Body
    </FluentLayoutItem>
    <FluentLayoutItem Area="LayoutArea.Footer">
        <FluentStack Orientation="Orientation.Horizontal">
        <a href="https://www.fluentui-blazor.net" target="_blank">Documentation and demos</a>
        <FluentSpacer/>
        <a href="https://learn.microsoft.com/en-us/aspnet/core/blazor" target="_blank">About Blazor</a>
        </FluentStack>
    </FluentLayoutItem>
</FluentLayout>

<div id="blazor-error-ui" data-nosnippet>
    An unhandled error has occurred.
    <a href="." class="reload">Reload</a>
    <span class="dismiss">🗙</span>
</div>

NavMenu

<FluentNav >
    <FluentNavItem 
        Href="/" 
        Match="NavLinkMatch.All" 
        IconRest="@(new Icons.Regular.Size20.Home())" 
        IconActive="@(new Icons.Filled.Size20.Home())">
        Home
    </FluentNavItem>
    <FluentNavItem 
        Href="counter" 
        IconRest="@(new Icons.Regular.Size20.NumberSymbolSquare())" 
        IconActive="@(new Icons.Filled.Size20.NumberSymbolSquare())"
        >
        Counter
    </FluentNavItem>
    <FluentNavItem 
        Href="weather" 
        IconRest="@(new Icons.Regular.Size20.WeatherPartlyCloudyDay())" 
        IconActive="@(new Icons.Filled.Size20.WeatherPartlyCloudyDay())" 
       >
        Weather
    </FluentNavItem>
</FluentNav>