List of Icons / Applications supported for ListView

[DaMichiiii]

Category

[ ] Enhancement

[ ] Bug

[ x ] Question

Version

^1.12.0

Question

Dear pnp Team,

I have a question regarding the icon paths i can use to display icons in your Listview.
Only ones i found out are extensions, like docx, xlxs, etc.

Is there some sort of list, which ones i can use? I checked the icon Names i found here:
https://developer.microsoft.com/en-us/fabric#/styles/icons

and other sources for offical MS UI Fabric icons, but they wouldn't display correctly.

I wanted to use Folder for example, but it only showed the default icon.

Can you help me out on this one?
Thanks in advance.

[spoofan]

Any update on this one? I am facing the same issue...The folder gets default icon.

[Luca3082]

no response in this thread?
is there any way to use a specific file url to render icon in the listview control, please?

[michaelmaillot]

Hi everyone,

If I'm not mistaken, for now the icon rendering for ListView (if we're talking about iconFieldName prop) relies on the FileTypeIcon control, which has a predefined list of applications (which you can find here).

Maybe an improvment could be to allow overriding the render of the icon column or adding new extensions / file type (such as folder) to the control.

[joelfmrodrigues]

@DaMichiiii sorry for the extremely late reply...
Michael is right and the rendering of the icon is handled internally using the FileTypeIcon control, which can be extended to accommodate additional requirements. As an alternative, you should be able to use a different column and control the rendering on your side.

Did this answer the question?

[ghost]

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 7 days. It will be closed if no further activity occurs within next 7 days of this comment. Thank you for your contributions to SharePoint Developer activities.

[ghost]

Closing issue due no response from original author. If this issue is still occurring, please open a new issue with additional details. Notice that if you have included another related issue as additional comment on this, please open that also as separate issue, so that we can track it independently.