Answer:
We can show the same icon for the File Manager component and TreeView component. In File Manager component, we have also used TreeView component in its navigation pane for folder navigation, and it will only show the folder path. We can add custom icons based on our requirement, we have added image using the class name. please refer to the below code block.
.e-filemanager .e-fe-pdf {
background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAg
….. …… +PC9nPjwvc3ZnPg==);
}
.e-treeview .e-list-icon.pdf {
background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAg
… …. ….. +PC9nPjwvc3ZnPg==);
} |
Find
the sample for to show Same
Icons in Blazor FileManager and TreeView from here.