Image on Right Side

How can I put the ImageUrl on the RIGHT side of the Text?  

Many thanks, in advance, for your help!


1 Reply

LD LeoLavanya Dhanaraj Syncfusion Team May 14, 2024 03:06 PM UTC

Hi Michael,


Greetings from Syncfusion support.


We would like to inform you that when you enable the ImageUrl property, it will render before the tree node text in our current component structure in the TreeView component. However, you can meet your needs by using the Template support. The NodeTemplate tag is nested inside the TreeViewTemplates tag, where the custom structure for TreeView can be defined. Inside the NodeTemplate tag, a generic type of context property is used to access the tree node details.


Check out the below sample similar to meet you need.


Sample : https://blazorplayground.syncfusion.com/hXVptyMpehyEnXdj


Also, refer the below documentation links to know about TreeView Template support.


Documentation : https://blazor.syncfusion.com/documentation/treeview/template


Demo : https://blazor.syncfusion.com/demos/treeview/template?theme=bootstrap5


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


Regards,

Leo Lavanya Dhanaraj


Loader.
Up arrow icon