search

OfficeDev / microsoft-teams-apps-champion-management

Champion Management Platform is a custom Teams app that enables organizations to onboard and maintain champions/ SME in their organization in Teams.
MIT License
124 stars 48 forks source link

Icons/Images not displaying #200

Open SamB1209 opened 2 weeks ago

SamB1209 commented 2 weeks ago

I have just configured and installed the Champion Management Platform for our organisation, however the icons/images on the home screen in Teams (both desktop and web app) are not pulling through and are displaying a 'broken link' icon with alt text:

Champion Management

v-saikirang commented 2 weeks ago

Hi @SamB1209 ,

Thanks for reaching out to us.

May I know is this a new installation.

Thanks.

SamB1209 commented 2 weeks ago

Hi, yes this is a new installation. Thanks

v-saikirang commented 2 weeks ago

Hi,

Can you try uploading the the package again in the app catalog and open the app in a new incognito browser and check. Thanks.

SamB1209 commented 2 weeks ago

Hi, I have tried this but am still getting same issue. See screenshots:

app catalog

incognito

v-saikirang commented 2 weeks ago

Hi @SamB1209,

We didn't see this issue encountered by any one so far. We will have to try to replicate this on our end and see. We will keep you posted if we find some thing. Thanks.

SamB1209 commented 2 weeks ago

I have looked in dev tools for one of the image sources, and tried to search for this in the browser, and it is coming back with an Access Denied error if that helps? Screenshot below (I have hidden our tenant from screenshot):

2024-06-19_11-27-12

v-saikirang commented 2 weeks ago

Hi @SamB1209,

Can you please check and confirm whether you have CDN enabled in your tenant and has */CLIENTSIDEASSETS origin in the Public CDN? Refer: https://learn.microsoft.com/en-us/sharepoint/dev/spfx/enable-microsoft-365-content-delivery-network?tabs=msposh#get-the-microsoft-365-cdn-status

SamB1209 commented 2 weeks ago

Hi @v-saikirang , yes it looks like we have both:

2024-06-20_09-35-28

v-saikirang commented 2 weeks ago

Hi @SamB1209,

Can you replace the public CDN URL with your tenant url and see if you are able to access the images. And also can you share any related errors in console.

Thanks.

v-saikirang commented 2 weeks ago

Hi @SamB1209,

I think i found the issue. if you see the last command in your screenshot, SVG file is not under included file extensions. And most of the images used in the app are SVG files. Please try including. Thanks.

SamB1209 commented 2 weeks ago

Hi @v-saikirang , yes I can access them within our tenant manually (they are all in this folder):

assets

Console error is also below:

2024-06-20_11-39-09

SamB1209 commented 2 weeks ago

Hi @SamB1209,

I think i found the issue. if you see the last command in your screenshot, SVG file is not under included file extensions. And most of the images used in the app are SVG files. Please try including. Thanks.

I did think this but when running "Get-SPOTenant", SVG file type is listed under allowed file types:

CDN

Nevertheless, I have just added the SVG file type as an allowed file type followed by the Get_SPOTenantCdnPolicies, it looks like a spelling error as it is listing SCG rather than SVG (as per my first screenshot)

cdn2

v-saikirang commented 2 weeks ago

Please confirm if its working now.

SamB1209 commented 2 weeks ago

Nope still not working, getting same error. However, since manually adding SVG file type, I can see that is now included in the list:

cdn3

v-saikirang commented 2 weeks ago

Hi @SamB1209,

I am not able to replicate the issue in our tenant with the CDN turned on. This seems to be a tenant specific issue. Thanks.

v-saikirang commented 2 weeks ago

Hi @SamB1209,

What is the URL of the location where you directly accessed the assets.

SamB1209 commented 2 weeks ago

The direct URL to the assets folder is:

.sharepoint.com/sites/apps/ClientSideAssets/5099a3ef-113f-4baf-bb6a-a73b1dd286f8/ I can also get a ticket logged with Microsoft if you think it is an issue with our tenant.
v-saikirang commented 2 weeks ago

Hi @SamB1209,

And i assume you can acess the direct url with the same account?

Yes you can try raising the ticket. Please mention both the urls as i think it is something to do with the public cdn access and not app related issue. Thanks.

SamB1209 commented 2 weeks ago

yep we have no issues accessing the direct URL with the same account (have tried with multiple users too)

v-saikirang commented 1 week ago

Hi @SamB1209,

I was able to replicate this issue when i removed SVG from the included file extensions. When i included SVG it started working again. I was not able to replicate this earlier because the "Set-SPOTenantCdnPolicy" has taken some time to take effect. Any update on your side? Thanks.

SamB1209 commented 1 week ago

Hi @v-saikirang , unfortunately we are still getting access denied. I have opened a ticket with Microsoft and am awaiting an update from them following an initial troubleshooting call. Thanks

microsoft-github-policy-service[bot] commented 3 days ago

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment.