Replies: 3 comments 7 replies
-
|
Did you followed the Installation page: https://fluentui-blazor-v5.azurewebsites.net/installation Including the paragraph "7. Verify Render Mode" |
Beta Was this translation helpful? Give feedback.
-
|
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 ) |
Beta Was this translation helpful? Give feedback.
-
|
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. |
Beta Was this translation helpful? Give feedback.
-
|
It works as a charm now ... 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> |
Beta Was this translation helpful? Give feedback.
-
|
is there any time line for a go-live release of the v5? It seems like a few features in v5 would be VERY useful for the ASPIRE dashboard InteractionInput |
Beta Was this translation helpful? Give feedback.
-
|
No estimated release date yet. We are still working on migrating the last components over. But RC2 should be ready very soon. |
Beta Was this translation helpful? Give feedback.
-
|
Hey guys, i have a different question.. I have been trying to setup my styling with the new style setup. However, when trying to setup declaratively, it does not seem like the right 'theme mode' is being applied? Here is my app razor code: <body data-theme="light">
<Routes @rendermode="@(_rendermode)"/>
<script src="@Assets["_framework/blazor.web.js"]"></script>
</body>However, when opening a page in an incognito browser: I've also tried to set a color declaratively. Im not sure if that worked either: 
This is on the version: 5.0.0-rc.2-26098.1 I will try downgrading to a rc.1 version to see if that changes anything, i know there has been some work done on the 'ThemeService' in the RC2? |
Beta Was this translation helpful? Give feedback.
-
|
do you have something in the localStorage? This will overwrite the selection there |
Beta Was this translation helpful? Give feedback.
-
|
Using incognito should remove localstorage right? I also checked and removed anything that had to do with it. |
Beta Was this translation helpful? Give feedback.
-
|
@PascalVorwerk PR is up #4766 |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
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
and adding this guy to app.razor
did I miss something?
Beta Was this translation helpful? Give feedback.
All reactions