Forum Discussion
how to achieve private stage view for custom team app in meeting
I’m working on a custom Microsoft Teams app that will be added to a meeting. My goal is to have the app load in a private stage view as a popout when clicked, so that only the user who clicked it can see the content, without broadcasting it to all meeting attendees.
I've created a custom Teams app for meetings, but I'm facing an issue with the viewing behavior. Currently, when a user clicks the app during a meeting, the content first loads in the side panel. The user then has to click a "Share" button to push the content to the main meeting stage, which makes it visible to all attendees.
However, what I want is for the app to immediately open in a private stage view (as a popout) when clicked, without showing anything in the side panel and without requiring the user to manually share it. The content should only be visible to the individual user, not broadcast to the entire meeting.
5 Replies
Sayali-MSFTMicrosoft
Hello VivekPenthota, Thank you for bringing this issue to our attention.
Unfortunately, Teams does not currently support a private stage view in meetings. The “Share to stage” button is mandatory for broadcasting content, and there is no API or manifest setting to bypass the side panel and open a popout directly.
---------------------------------------------------------------------------------------------------------------------Thank you for your suggestion! To better achieve your requirements, we recommend submitting this feature request through the Teams Feedback Portal. This is the best way to ensure your idea is considered for future updates.
We appreciate your input and encourage you to share any additional thoughts!
Thanks for the update. Okay, let’s keep the content visible in the side panel. However, I’ve noticed that a “Share” button automatically appears in the side panel when the app loads. Is there a way to disable or hide that “Share” button?
Here is manifest.json file for reference
{
"$schema": "https://developer.microsoft.com/json-schemas/teams/v1.17/MicrosoftTeams.schema.json",
"manifestVersion": "1.17",
"version": "1.0.3",
"id": "00000000-0000-0000-0000-000000000001",
"developer": {
"name": "TestApp",
"websiteUrl": "https://www.example.com",
"privacyUrl": "https://www.example.com/PrivacyStatement",
"termsOfUseUrl": "https://www.example.com/TermsOfUse"
},
"name": {
"short": "TestApp",
"full": "TestApp Teams Meeting App"
},
"description": {
"short": "Test app",
"full": "A Teams app to test"
},
"icons": {
"outline": "outline.png",
"color": "color.png"
},
"accentColor": "#464775",
"configurableTabs": [],
"staticTabs": [
{
"entityId": "meetingSidePanel",
"name": "Meeting Side Panel",
"contentUrl": "https://ngrok/meetingSidePanel",
"websiteUrl": "https://apple.com",
"scopes": ["team","groupChat"],
"context": ["meetingSidePanel"]
}
],
"defaultInstallScope": "meetings",
"defaultGroupCapability": {
"meetings": "tab"
},
"permissions": [
"identity",
"messageTeamMembers"
],
"validDomains": [
"*.ngrok"
],
"authorization": {
"permissions": {
"resourceSpecific": [
{
"name": "MeetingStage.Write.Chat",
"type": "Delegated"
}
]
}
}
}Hi Sayali-MSFT,
Any updates or information on this would be greatly appreciated.
Here is the manifest.json file for reference
{
"$schema": "https://developer.microsoft.com/json-schemas/teams/v1.17/MicrosoftTeams.schema.json",
"manifestVersion": "1.17",
"version": "1.0.3",
"id": "00000000-0000-0000-0000-000000000001",
"developer": {
"name": "TestApp",
"websiteUrl": "https://www.example.com",
"privacyUrl": "https://www.example.com/PrivacyStatement",
"termsOfUseUrl": "https://www.example.com/TermsOfUse"
},
"name": {
"short": "TestApp",
"full": "TestApp Teams Meeting App"
},
"description": {
"short": "Test app",
"full": "A Teams app to test"
},
"icons": {
"outline": "outline.png",
"color": "color.png"
},
"accentColor": "#464775",
"configurableTabs": [],
"staticTabs": [
{
"entityId": "meetingSidePanel",
"name": "Meeting Side Panel",
"contentUrl": "https://ngrok/meetingSidePanel",
"websiteUrl": "https://apple.com",
"scopes": ["team","groupChat"],
"context": ["meetingSidePanel"]
}
],
"defaultInstallScope": "meetings",
"defaultGroupCapability": {
"meetings": "tab"
},
"permissions": [
"identity",
"messageTeamMembers"
],
"validDomains": [
"*.ngrok"
],
"authorization": {
"permissions": {
"resourceSpecific": [
{
"name": "MeetingStage.Write.Chat",
"type": "Delegated"
}
]
}
}
}Thanks for the update. Okay, let’s keep the content visible in the side panel. However, I’ve noticed that a “Share” button automatically appears in the side panel when the app loads. Is there a way to disable or hide that “Share” button?
