Collapse not working on Accunt Pages

[NWierling]

Hello everyone,
I have created a new project using the new FluentUI template and .NET8. I have set the following settings in the template.

If I now click on the Login NavBar Entry, I cannot collapse the NavBar. I think it has to do with the RenderMode for everything in the Account section.

The ExpandedChanged event is then not fired. Can someone help me with a solution how to toggle it from the Account Pages (Static Mode)?

[vnbaaij]

Hi,

Collapsible on the NavMenu is dependant on Blazor running, so it will not work with SSR mode which the Account pages are using because of the code block you posted.
Is there a specific reason you want to run those pages in SSR mode? If not, I suggest to remove that RenderModeForPage method (as you are running on rendermode Server globally anyway)

[NWierling]

Hi and thanks for the response :)

The code for RenderModeForPage is generated by the template. It is not written by myself. If I remove the code its still not working.

If I set the render mode for the account pages on Interactive Server, the components reload permanently in a loop

[vnbaaij]

Would leaving the acoount pages in SSR mode an setting a @rendermode=InteractiveServer attribute on the call to NavMenu in MainLayout work?

[NWierling]

That works :) thanks for your help!