Click here to Skip to main content
15,878,959 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
i am making a web application with Blazer and i used radzen Sidebar instead of defulat sidebar but the problem is that i my navmenue is not resposive.is that any way to fix this problem. and that is my code

What I have tried:

that is the code inside my MainLayout Page:
@inherits LayoutComponentBase




<radzensidebar style="scrollbar-track-color:cadetblue">
<navmenu>



<radzenbody class="content px-4">
@Body




and the code inside my navMenue:




<radzenpanelmenu style="width:300px" @onclick="ToggleNavMenu">
<radzenpanelmenuitem text="General" icon="home">
<radzenpanelmenuitem text="Buttons" path="broker" icon="account_circle">
<radzenpanelmenuitem text="Menu" path="menu" icon="line_weight">
<radzenpanelmenuitem text="FileInput" path="fileinput" icon="attach_file">
<radzenpanelmenuitem text="Dialog" path="dialog" icon="perm_media">
<radzenpanelmenuitem text="Notification" path="notification" icon="announcement">

<radzenpanelmenuitem text="Inputs" icon="payment">
<radzenpanelmenuitem text="CheckBox" path="BrokersDataGrid" icon="check_circle">
<radzenpanelmenuitem text="TextBox" path="textbox" icon="input">
<radzenpanelmenuitem text="TextArea" path="textarea" icon="description">
<radzenpanelmenuitem text="Password" path="password" icon="payment">
<radzenpanelmenuitem text="Numeric" path="numeric" icon="aspect_ratio">
<radzenpanelmenuitem text="DatePicker" path="datepicker" icon="date_range">

<radzenpanelmenuitem text="Data" icon="save">
<radzenpanelmenuitem text="DataGrid" path="datagrid" icon="grid_on">
<radzenpanelmenuitem text="DataList" path="datalist" icon="list">
<radzenpanelmenuitem text="DropDown" path="dropdown" icon="dns">
<radzenpanelmenuitem text="DropDownDataGrid" path="dropdown-datagrid" icon="receipt">
<radzenpanelmenuitem text="ListBox" path="listbox" icon="view_list">
<radzenpanelmenuitem text="TemplateForm" path="templateform" icon="line_style">

<radzenpanelmenuitem text="Containers" icon="account_box">
<radzenpanelmenuitem text="Tabs" path="tabs" icon="tab">
<radzenpanelmenuitem text="Panel" path="panel" icon="content_paste">
<radzenpanelmenuitem text="Fieldset" path="fieldset" icon="account_balance_wallet">
<radzenpanelmenuitem text="Card" path="card" icon="line_style">

<radzenpanelmenuitem text="More">
<radzenpanelmenuitem text="Item1">
<radzenpanelmenuitem text="Item2">
<radzenpanelmenuitem text="More items">
<radzenpanelmenuitem text="More sub items">
<radzenpanelmenuitem text="Item1">
<radzenpanelmenuitem text="Item2">









@code {
private bool collapseNavMenu = true;

private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;

private void ToggleNavMenu()
{
collapseNavMenu = !collapseNavMenu;
}

}


and finally this is my _host.Cshtml code:
@page "/"
@namespace LedgerGroupCRMApplication.Pages
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
Layout = null;
}






<title>LedgerGroupCRMApplication
<base href="~/" />


<component type="typeof(App)" render-mode="ServerPrerendered">


<environment include="Staging,Production">
An error has occurred. This application may no longer respond until reloaded.

<environment include="Development">
An unhandled exception has occurred. See browser dev tools for details.

Reload
🗙
Posted
Updated 9-Jan-22 7:52am
v2
Comments
[no name] 9-Jan-22 13:33pm    
If it's 3rd party software, that's who you should be talking to; particularly if there's a usable "default" that you could use instead.

1 solution

You're going to have to ask Radzen that question.

Oh, and it's "nav menu" and "responsive".
 
Share this answer
 
Comments
Abuamer 9-Jan-22 14:04pm    
MR Dave Kreskowiak:
It is not appropriate to make fun of me. If you don't have an answer, don't make fun of anyone.
Dave Kreskowiak 9-Jan-22 14:15pm    
Cool it. I wasn't making fun of you, but just correcting your spelling.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900