Hi Chul,
Greetings from Syncfusion support.
You can modify the icon of the header cell in the File
Manager component, by adding a new background-image Url path to that
corresponding item. Please check the below code snippet.
|
[App.vue]
<style>
.e-filemanager .e-headercell .e-fe-folder {
background-image:
url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZDY2MDA7fS5jbHMtMntmaWxsOiNmZmNkYWE7fS5jbHMtM3tmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5NdF9QUHQ8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIyLDBINEEyLDIsMCwwLDAsMiwyVjMwYTIsMiwwLDAsMCwyLDJIMjhhMiwyLDAsMCwwLDItMlY4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIyLDBWN2ExLDEsMCwwLDAsMSwxaDdaIi8+PHJlY3QgY2xhc3M9ImNscy0zIiB4PSI3IiB5PSIyMiIgd2lkdGg9IjE3IiBoZWlnaHQ9IjIiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNiw5aDBhNSw1LDAsMCwxLDUsNXYwYTAsMCwwLDAsMSwwLDBIMTZhMCwwLDAsMCwxLDAsMFY5QTAsMCwwLDAsMSwxNiw5WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE2LDE2SDE0VjEwLjNBNC44MSw0LjgxLDAsMSwwLDE5LjcsMTZaIi8+PC9zdmc+);
}
</style>
|
For your reference, we have attached the sample.
Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/VueFileManager-763416910.zip
Please let us know if you need any further assistance.
Regards,
Indhumathy L
