Link is not working properly.

I followed this link example exactly with 25.1.40 version. And Auto InterActivemode.

https://blazor.syncfusion.com/documentation/sidebar/how-to/sidebar-in-the-dotnet8-application

Once the the button of 'Count' page, then sidebar's link button is not working.

Or After waiting some seconds, it seems to work(changing to other page well), but it randoms.

https://i.imgur.com/1bwfMDG.gifv


1 Reply

LD LeoLavanya Dhanaraj Syncfusion Team April 26, 2024 03:26 PM UTC

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

Loader.
Up arrow icon