Forum Discussion
Add SharePoint site as a App to the Teams
Hi,
We have been trying to add a SharePoint site to Teams and pinning to the Org-wide, so that everyone in the organization is able to view the SharePoint site pinned on the left side bar in the Teams.
App studio application was used build the package and deploy to the teams.
We were successfully able to host the SharePoint as an app and pin to the Left side bar Org-wide, but the issue which we are facing is we are not able to view the Top navigation bar which we have set up on the SharePoint site.
The issue is same on the Teams Web app and Client app.
Screenshot without Top navigation in Teams:
Screenshot of the SharePoint site:
We need help in resolving this and enable the Top navigation to show for the SharePoint site hosted on Teams Client
-------------------------------------------Below Updated on 3rd Dec'21--------------------
Hello,
We were able to show the Top navigation of SP communication site on the Teams client app/web app by adding a below for the content Url parameter under the Static tabs on the app created using app studio:
"contentUrl": "https://contoso.sharepoint.com/_layouts/15/teamslogon.aspx?spfx=true&dest=/?app=portals"
However, now the issue is when any link on the top navigation is clicked for the second time, the top navigation along the with site name disappears. We believe the issue is because of the redirection of pages in the Teams application
Screenshot:
1. When the Site loads:
2. When top nav link is clicked for the second time
Any help is highly appreciated.
Hello everyone, we used this integration for a SP for some time now, and all of a sudden wie get 401 unauthorized messages when trying to open it.
Does anyone face the same issue, or has an idea what we could do to resolve this?
The Site is integrated just like shown in the original post.Penglert Try opening the SharePoint page in the associated 'Teams' channel, under the 'Home' tab. Then go back and try your tab app.
For some reason, new Teams is failing on authentication. This is the point at which it was failing for me. My assumption is the Teams channel is able to reauthenticate within Teams, meaning the Tab app works as expected.
I recommend you use the Viva Connections app. It is the supported method by Microsoft and gets updated. You can even set the Viva Connections app to show the SharePoint landing page as a default, skipping the Viva Connections landing page, making it very similar to your current situation. Setting up the default experience to SharePoint instead of Viva Connections landing:
- Note that using Viva Connections doesn't allow you to access a SharePoint page view in the mobile app, which seems to be the OP's requirement.
- Outdated but can I ask the steps you provided to get this to work? making the app team. Or a site you followed? I am trying it and its failing
The url from the update post seems to work. However, in the Teams mobile app we only see a circle spinner. Is there a workaround to load the SharePoint page correctly on the Teams mobile app?
- Hi, where you able to resolve the issue where Teams are just spinning around 🙂 ?
Thanks, we experiance the same problem.
/ Hans Petter - Hi mahendra89, we also experiance the circle just spinning, where you able to resolve that 🙂 ?
Thanks
- What happens if you use the “Website” tab and paste in the full url of SharePoint. Is this giving the same results? Or is the top navigation still not visible?
Let me know the outcome.
Kind regards,
Mitchell- The Website tab is available within a specific channel in the Teams, but here we need to add the SharePoint site as an Icon available to all user of the Teams app on left Side bar.
mahendra89 you can create a custom app to do this. Then then Teams admin can a add the app to the left hand nav bar for all users. here is a quick overview of the steps.
Go to the Developer Portal https://dev.teams.microsoft.com/home
+ New App
- Add details
Add Personal App
- In Content URL paste in the Form URL
Publish App too Your org
In Team Admin center - Managae Apps
- make sure app is approved and allowed
In Team Admin – Set up policies
- Add app to Nav bar for all users
This can take several hours to publish app to the nav bar in Teams.
Go to the Developer Portal https://dev.teams.microsoft.com/home
+ New App
- Add details
Add Personal App
- In Content URL paste in the SharePoint site URL
Publish App to Your org
In Team Admin center - Manage Apps
- make sure app is approved and allowed
In Team Admin – Set up policies
- Add app to Nav bar for all users
This can take several hours to publish app to the nav bar in Teams.
