Hi LEE,
Greetings from Syncfusion support.
Based on the details and GIF you shared, we understand that
you are experiencing an issue with page navigation in the Sidebar with TreeView
component. This issue occurs because the selection is not the tree node text,
causing the navigation to not work properly. To resolve this issue, you need to
enable the FullRowNavigable
property of the TreeView component. This property allows the entire TreeView
node to be navigable instead of just the text element in the Blazor TreeView
component.
For more information, refer to the TreeView documentation
link provided below:
https://blazor.syncfusion.com/documentation/treeview/navigation#full-row-navigation-in-blazor-treeview-component
|
[MainLayout.razor]
<SfTreeView CssClass="main-treeview" ExpandOn="@Expand" TValue="TreeData" FullRowNavigable=true>
…
</SfTreeView>
.sidebar-treeview
.main-treeview .icon {
font-family: 'e-icons';
font-size: 16px;
margin-top: -15px;
}
|
Additionally, we have included a sample and code snippets
for your reference. Feel free to review the details and reach out to us if you
need further assistance.
Regards,
Leo Lavanya Dhanaraj
Attachment:
BlazorApps_aec2c864.zip