NavigateUrl only fires on the text part of the treeview component

[Nick]

On using the NavigateUrl property of the TreeView, I noticed that the url is only present with the text part of the TreeView and not the whole TreeView row. Users would have to click on the text to navigate to the url and not the whole row. Is there a solution or workaround for this or do I have to revert back to plain Blazor?

[Keerthana Rajendran]

Hi Nick, 

 

Thanks for contacting Syncfusion support. 

 

To navigate to the URL while clicking the whole row on the TreeView node, you can enable the FullRowNavigable property of TreeView as shown below. 

 

@using Syncfusion.Blazor.Navigations 

 

<SfTreeView TValue="MailItem" FullRowNavigable="true"> 

    <TreeViewFieldsSettings TValue="MailItem" Id="Id" Text="FolderName" NavigateUrl="NavUrl" Child="SubFolders" DataSource="@MyFolder" Expanded="Expanded"></TreeViewFieldsSettings> 

</SfTreeView> 

 

Sample link: https://www.syncfusion.com/downloads/support/forum/172128/ze/TreeView-FullRowNavigable1736631122 

 

API link: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfTreeView-1.html#Syncfusion_Blazor_Navigations_SfTreeView_1_FullRowNavigable 

 

Please let us know if you need any further assistance. 

 

Regards, 

Keerthana R.