Quantcast
Channel: Active questions tagged blazor - Stack Overflow
Viewing all articles
Browse latest Browse all 4839

Radzen Blazor sidebar expanded doesn't work

$
0
0

I'm using Radzen layout component for my Blazor app MainLayoutbut the sidebar-expanded doesn't work as it is in the documentation. If I click the toggle, the sidebar wont collapsed nor expanded.

@inherits LayoutComponentBase@using Radzen@using Radzen.Blazor<RadzenComponents @rendermode="InteractiveServer" /><RadzenLayout><RadzenHeader><RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0"><RadzenSidebarToggle Click="@ToggleSidebar" /><RadzenLabel Text="Header" /></RadzenStack></RadzenHeader><RadzenSidebar Responsive="false" Style="width: max-content"><RadzenPanelMenu DisplayStyle="@(sidebarExpanded ? MenuItemDisplayStyle.IconAndText : MenuItemDisplayStyle.Icon)" ShowArrow="false"><RadzenPanelMenuItem Text="Overview" Icon="home" Path="/" /><RadzenPanelMenuItem Text="Dashboard" Icon="dashboard" Path="counter" /><RadzenPanelMenuItem Text="UI Fundamentals" Icon="auto_awesome"><RadzenPanelMenuItem Text="Themes" Icon="color_lens" /><RadzenPanelMenuItem Text="Colors" Icon="invert_colors" /></RadzenPanelMenuItem></RadzenPanelMenu></RadzenSidebar><div class="rz-p-4">        @Body</div><RadzenFooter>        Footer</RadzenFooter></RadzenLayout>@code {    bool sidebarExpanded = true;    void ToggleSidebar()    {        sidebarExpanded = !sidebarExpanded;        StateHasChanged();    }}

I'm using .Net 8 server-side render mode and I've made sure that the installation for the Radzen is correct, because it works just fine with the other Radzen component but the sidebar. I don't know what else's wrong.


Viewing all articles
Browse latest Browse all 4839

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>