SOLVED

Tab app for Sharepoint home page fails

%3CLINGO-SUB%20id%3D%22lingo-sub-1432295%22%20slang%3D%22en-US%22%3ETab%20app%20for%20Sharepoint%20home%20page%20fails%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1432295%22%20slang%3D%22en-US%22%3E%3CP%3EI%20am%20trying%20to%20add%20a%20custom%20tab%20app%20for%20the%20Team's%20SharePoint%20home%20page%2C%20following%20this%20advice%3C%2FP%3E%3CP%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fteams-standalone-static-tabs-using-spo-sites%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fteams-standalone-static-tabs-using-spo-sites%3C%2FA%3E%3C%2FP%3E%3CP%3Eand%20also%20some%20posts%20scattered%20through%20these%20forums.%20The%20app%20installs%20along%20the%20left%20rail%2C%20but%20I%20get%20the%20following%20error%3A%20%22%3CSPAN%3EThere%20was%20a%20problem%20reaching%20this%20app%3C%2FSPAN%3E%22.%20When%20I%20make%20a%20website%20tab%20within%20a%20channel%20using%20the%20json's%20contentURL%2C%20it%20works.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20copy%20my%20json%20file%20from%20the%20app%2C%20replacing%20my%20tenant%20by%20xxxxx.%20I%20added%20the%20extra%20domains%20based%20on%20a%20post%20I%20found%2C%20but%20that%20did%20not%20help.%20If%20anyone%20can%20see%20the%20problem%2C%20I%20would%20appreciate%20the%20help.%20Thanks.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%7B%3CBR%20%2F%3E%22%24schema%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fen-us%2Fjson-schemas%2Fteams%2Fv1.6%2FMicrosoftTeams.schema.json%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fen-us%2Fjson-schemas%2Fteams%2Fv1.6%2FMicrosoftTeams.schema.json%3C%2FA%3E%22%2C%3CBR%20%2F%3E%22manifestVersion%22%3A%20%221.6%22%2C%3CBR%20%2F%3E%22version%22%3A%20%221.0.3%22%2C%3CBR%20%2F%3E%22showLoadingIndicator%22%3A%20true%2C%3CBR%20%2F%3E%22id%22%3A%20%2275d70f18-fec9-405f-98b4-f7676eedae7c%22%2C%3CBR%20%2F%3E%22packageName%22%3A%20%22com.xxxxx.home.testClass8437%22%2C%3CBR%20%2F%3E%22developer%22%3A%20%7B%3CBR%20%2F%3E%22name%22%3A%20%22Steve%20Frank%22%2C%3CBR%20%2F%3E%22websiteUrl%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fstevefrank.org%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fstevefrank.org%3C%2FA%3E%22%2C%3CBR%20%2F%3E%22privacyUrl%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fstevefrank.org%2Fstevehome.html%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fstevefrank.org%2Fstevehome.html%3C%2FA%3E%22%2C%3CBR%20%2F%3E%22termsOfUseUrl%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fstevefrank.org%2Fstevehome.html%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fstevefrank.org%2Fstevehome.html%3C%2FA%3E%22%3CBR%20%2F%3E%7D%2C%3CBR%20%2F%3E%22icons%22%3A%20%7B%3CBR%20%2F%3E%22color%22%3A%20%22color.png%22%2C%3CBR%20%2F%3E%22outline%22%3A%20%22outline.png%22%3CBR%20%2F%3E%7D%2C%3CBR%20%2F%3E%22name%22%3A%20%7B%3CBR%20%2F%3E%22short%22%3A%20%22Home%20testClass8437%22%2C%3CBR%20%2F%3E%22full%22%3A%20%22Sharepoint%20home%20page%20for%20testClass8437%20team%22%3CBR%20%2F%3E%7D%2C%3CBR%20%2F%3E%22description%22%3A%20%7B%3CBR%20%2F%3E%22short%22%3A%20%22Home%20landing%20page%20at%20team%20Sharepoint%20site%22%2C%3CBR%20%2F%3E%22full%22%3A%20%22Home%20landing%20page%20for%20team%20testClass8437%20at%20the%20associated%20front%20page%20for%20the%20team's%20Sharepoint%20site%22%3CBR%20%2F%3E%7D%2C%3CBR%20%2F%3E%22accentColor%22%3A%20%22%23FFFFFF%22%2C%3CBR%20%2F%3E%22staticTabs%22%3A%20%5B%3CBR%20%2F%3E%7B%3CBR%20%2F%3E%22entityId%22%3A%20%22HomeTestClass8437%22%2C%3CBR%20%2F%3E%22name%22%3A%20%22Home%22%2C%3CBR%20%2F%3E%22contentUrl%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fxxxxx.sharepoint.com%2Fsites%2FtestClass8437%2F_layouts%2F15%2Fteamslogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%2Fsites%2FtestClass8437%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fxxxxx.sharepoint.com%2Fsites%2FtestClass8437%2F_layouts%2F15%2Fteamslogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%2Fsites%2FtestClass8437%3C%2FA%3E%22%2C%3CBR%20%2F%3E%22websiteUrl%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fxxxxx.sharepoint.com%2Fsites%2FtestClass8437%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fxxxxx.sharepoint.com%2Fsites%2FtestClass8437%3C%2FA%3E%22%2C%3CBR%20%2F%3E%22scopes%22%3A%20%5B%3CBR%20%2F%3E%22personal%22%3CBR%20%2F%3E%5D%3CBR%20%2F%3E%7D%3CBR%20%2F%3E%5D%2C%3CBR%20%2F%3E%22permissions%22%3A%20%5B%3CBR%20%2F%3E%22identity%22%2C%3CBR%20%2F%3E%22messageTeamMembers%22%3CBR%20%2F%3E%5D%2C%3CBR%20%2F%3E%22validDomains%22%3A%20%5B%3CBR%20%2F%3E%22xxxxx.sharepoint.com%22%2C%3CBR%20%2F%3E%22resourceseng.blob.core.windows.net%22%2C%3CBR%20%2F%3E%22*.sharepoint-df.com%22%2C%3CBR%20%2F%3E%22teams.microsoft.com%22%2C%3CBR%20%2F%3E%22*.login.microsoftonline.com%22%2C%3CBR%20%2F%3E%22*.stevefrank.org%22%3CBR%20%2F%3E%5D%2C%3CBR%20%2F%3E%22webApplicationInfo%22%3A%20%7B%3CBR%20%2F%3E%22id%22%3A%20%2200000003-0000-0ff1-ce00-000000000000%22%2C%3CBR%20%2F%3E%22resource%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fxxxxx.sharepoint.com%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fxxxxx.sharepoint.com%3C%2FA%3E%22%3CBR%20%2F%3E%7D%3CBR%20%2F%3E%7D%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1432295%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1439544%22%20slang%3D%22en-US%22%3ERe%3A%20Tab%20app%20for%20Sharepoint%20home%20page%20fails%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1439544%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1438%22%20target%3D%22_blank%22%3E%40Steve%20Frank%3C%2FA%3E%26nbsp%3B-%20I%20could%20see%20from%20the%20json%20in%20%3CSPAN%3EwebApplicationInfo%3C%2FSPAN%3E%26nbsp%3Byou%20have%20added%20the%20id%20as%20shown%20in%20the%20document%2C%20Could%20you%20please%20try%20adding%20your%20app%20id%3A%26nbsp%3B%3CSPAN%3E75d70f18-fec9-405f-98b4-f7676eedae7c%3F%20Try%20if%20that%20helps%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1444172%22%20slang%3D%22en-US%22%3ERe%3A%20Tab%20app%20for%20Sharepoint%20home%20page%20fails%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1444172%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%2C%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F590590%22%20target%3D%22_blank%22%3E%40Nikitha-MSFT%3C%2FA%3E%3C%2FP%3E%3CP%3EHave%20not%20been%20able%20to%20get%20a%20tab%20to%20load%20to%20a%20simple%20external%20website%20or%20SP.%20I%20did%20find%20that%20one%20needs%20to%20load%20the%20Teams%20SDK%20in%20the%20external%20site%2C%20which%20was%20not%20mentioned%20in%20the%20original%20tutorial.%20For%20a%20plain%20external%20website%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Ftabs%2Fhow-to%2Fcreate-tab-pages%2Fcontent-page%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Ftabs%2Fhow-to%2Fcreate-tab-pages%2Fcontent-page%3C%2FA%3E%3C%2FP%3E%3CP%3Eand%20for%20SP%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fweb-parts%2Fget-started%2Fusing-web-part-as-ms-teams-tab%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fweb-parts%2Fget-started%2Fusing-web-part-as-ms-teams-tab%3C%2FA%3E%3C%2FP%3E%3CP%3Ebut%20I%20still%20was%20not%20able%20to%20get%20even%20a%20simple%20external%20web%20page%20to%20load%20in%20a%20custom%20app%20tab.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1447566%22%20slang%3D%22en-US%22%3ERe%3A%20Tab%20app%20for%20Sharepoint%20home%20page%20fails%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1447566%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1438%22%20target%3D%22_blank%22%3E%40Steve%20Frank%3C%2FA%3E%26nbsp%3B-%20Could%20you%20please%20set%26nbsp%3B%3CSPAN%3E%22showLoadingIndicator%22%3A%26nbsp%3B%20to%20false%20in%20the%20manifest%3F%3C%2FSPAN%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1447950%22%20slang%3D%22en-US%22%3ERe%3A%20Tab%20app%20for%20Sharepoint%20home%20page%20fails%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1447950%22%20slang%3D%22en-US%22%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F590590%22%20target%3D%22_blank%22%3E%40Nikitha-MSFT%3C%2FA%3E%3A%20Setting%20%22showLoadingIndicator%22%3A%20to%20false%20worked.%20Thanks%20so%20much.%20Steve%3C%2FLINGO-BODY%3E
Occasional Contributor

I am trying to add a custom tab app for the Team's SharePoint home page, following this advice

 https://docs.microsoft.com/en-us/microsoftteams/teams-standalone-static-tabs-using-spo-sites

and also some posts scattered through these forums. The app installs along the left rail, but I get the following error: "There was a problem reaching this app". When I make a website tab within a channel using the json's contentURL, it works.

 

I copy my json file from the app, replacing my tenant by xxxxx. I added the extra domains based on a post I found, but that did not help. If anyone can see the problem, I would appreciate the help. Thanks.

 

{
"$schema": "https://developer.microsoft.com/en-ushttps://techcommunity.microsoft.com/json-schemas/teams/v1.6/MicrosoftTeams.schema.json",
"manifestVersion": "1.6",
"version": "1.0.3",
"showLoadingIndicator": true,
"id": "75d70f18-fec9-405f-98b4-f7676eedae7c",
"packageName": "com.xxxxx.home.testClass8437",
"developer": {
"name": "Steve Frank",
"websiteUrl": "https://stevefrank.org",
"privacyUrl": "https://stevefrank.org/stevehome.html",
"termsOfUseUrl": "https://stevefrank.org/stevehome.html"
},
"icons": {
"color": "color.png",
"outline": "outline.png"
},
"name": {
"short": "Home testClass8437",
"full": "Sharepoint home page for testClass8437 team"
},
"description": {
"short": "Home landing page at team Sharepoint site",
"full": "Home landing page for team testClass8437 at the associated front page for the team's Sharepoint site"
},
"accentColor": "#FFFFFF",
"staticTabs": [
{
"entityId": "HomeTestClass8437",
"name": "Home",
"contentUrl": "https://xxxxx.sharepoint.com/sites/testClass8437/_layouts/15/teamslogon.aspx?SPFX=true&dest=/sites/t...",
"websiteUrl": "https://xxxxx.sharepoint.com/sites/testClass8437",
"scopes": [
"personal"
]
}
],
"permissions": [
"identity",
"messageTeamMembers"
],
"validDomains": [
"xxxxx.sharepoint.com",
"resourceseng.blob.core.windows.net",
"*.sharepoint-df.com",
"teams.microsoft.com",
"*.login.microsoftonline.com",
"*.stevefrank.org"
],
"webApplicationInfo": {
"id": "00000003-0000-0ff1-ce00-000000000000",
"resource": "https://xxxxx.sharepoint.com"
}
}

7 Replies

@Steve Frank - I could see from the json in webApplicationInfo you have added the id as shown in the document, Could you please try adding your app id: 75d70f18-fec9-405f-98b4-f7676eedae7c? Try if that helps

Thanks, @Nikitha-MSFT

Have not been able to get a tab to load to a simple external website or SP. I did find that one needs to load the Teams SDK in the external site, which was not mentioned in the original tutorial. For a plain external website:

https://docs.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/create-tab-pages/content-page

and for SP

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-web-part-as-ms-team...

but I still was not able to get even a simple external web page to load in a custom app tab.

 

 

best response confirmed by Steve Frank (Occasional Contributor)
Solution

@Steve Frank - Could you please set "showLoadingIndicator":  to false in the manifest? 

@Nikitha-MSFT: Setting "showLoadingIndicator": to false worked. Thanks so much. Steve
Hi, I had same issue and disabling loading indicator helped. I'm curious about the root cause. Is there any more information available why loading indicator isn't working and if it is a side-effect of some bigger underlying issue? Just want to make sure that I have everything correctly set up.
As there is no scope of adding code for SharePoint site app, cannot use showLoadingIndicator.
If showLoadingIndicator is enabled, you must handle other steps to make it work. Here is the reference: https://docs.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/create-tab-pages/content-page#s...

Thank you @Subba_Reddi_Tummuru for an explanation. I found the instructions in the reference very helpful.

www.000webhost.com