fileTypeIcon only displays PDF's in SPFx 1.8.2 #300
Thank you for reporting an issue, suggesting an enhancement, or asking a question. We appreciate your feedback - to help the team understand your
Please check out the documentation to see if your question is already addressed there. This will help us ensure our documentation is up to date.
[ ] Enhancement
[X ] Bug
[ ] Question
Please specify what version of the library you are using: [ 1.13.1 ]
If you are not using the latest release, please update and see if the issue is resolved before submitting an issue.
Expected / Desired Behavior / Question
Use the path property of fileTypeIcon with the Image type and see document icon image.
I have an SPFx 1.8.2 web part and I'am using the fileTypeIcon control as below:
The doc.docUrl contains a path to the different documents, a combination of Office and PDF. The PDF image shows, but none of the Office document types display. Tested same markup above in SPFx 1.7.1 web part and it works as expected for all document types.
@AJIXuMuK assited with a similar icon issue in the reusable property controls and I suspect this may be a similar issue. If any further info is needed, just let me know. Thanks!
Steps to Reproduce
Create new 1.8.2 web part and add a fileTypeIcon control with image type and a path to an office document.
It looks like we have much larger issue with branded icons...
@estruyf what do you think?
@AJIXuMuK actually we already had a CDN fallback implemented for PDF file. So what I did right now is to make the CDN fallback the default for image icons and added all the supported file types to the CDN fallback.
This will be included in version
Here you can read more information on how you can test out the latest beta version: https://sharepoint.github.io/sp-dev-fx-controls-react/beta/
Thanks @AJIXuMuK and @estruyf , I've installed the beta and can confirm the images are working correctly. I came across this issue in the OUIF repo where the new branded office icons appear to have a new CDN URL, may be something to look at moving forward if any changes need to be made. Thanks again for the quick turnaround!