SOLVED
Home

How to develop Microsoft Teams app for “App Bar and home screen”

%3CLINGO-SUB%20id%3D%22lingo-sub-679483%22%20slang%3D%22en-US%22%3EHow%20to%20develop%20Microsoft%20Teams%20app%20for%20%E2%80%9CApp%20Bar%20and%20home%20screen%E2%80%9D%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-679483%22%20slang%3D%22en-US%22%3E%3CP%3EI%20would%20like%20to%20create%20an%20application%20for%20Microsoft%20Teams%20but%20I%20don't%20understand%20what%20capability%20I%20have%20to%20exploit.%20I%20would%20like%20the%20application%20to%20be%20called%20up%20from%20the%20application%20bar%20and%20opened%20to%20full%20screen.%20The%20same%20behavior%20that%20occurs%20for%20the%20%22App%20Studio%22%20application.%20I%20need%20to%20bring%20something%20that%20is%20not%20accessible%2C%20either%20by%20chat%20or%20tea%3B%20the%20app%20should%20manage%20a%20flow%20in%20a%20personal%20window.%3C%2FP%3E%3CP%3EI%20looked%20at%20the%20manifest%20definition%20document%20but%20found%20nothing.%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fresources%2Fschema%2Fmanifest-schema%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fresources%2Fschema%2Fmanifest-schema%3C%2FA%3E%3C%2FP%3E%3CP%3EI%20would%20like%20to%20replicate%20the%20application%20behavior%20like%20AppStudio%20or%20Microsoft%20Planner%2C%20to%20name%20a%20few.%20For%20example%3CSPAN%3E%20%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20571px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F117544i26978814454851CF%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%224PveL.png%22%20title%3D%224PveL.png%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EApp%20Studio%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EA%20possible%20alternative%2C%20could%20be%20to%20insert%20a%20button%20in%20the%20chats%20and%20open%20a%20popup%20with%20the%20configuration%20page.%20I%20saw%20this%20behavior%20for%20the%20AzureDevOps%20extension.%20Unfortunately%20this%20also%20seems%20to%20be%20a%20capability%20not%20available.%3CSPAN%3E%20%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20632px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F117545i3C0A48D87833AA51%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%229Wu1i.png%22%20title%3D%229Wu1i.png%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EAzure%20DevOps%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDo%20you%20have%20any%20idea%20how%20to%20do%20it%3F%3C%2FP%3E%3CP%3EThanks%20a%20lot%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-679483%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-679550%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20develop%20Microsoft%20Teams%20app%20for%20%E2%80%9CApp%20Bar%20and%20home%20screen%E2%80%9D%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-679550%22%20slang%3D%22en-US%22%3EYou%20can%20achieve%20this%20by%20implementing%20the%20%E2%80%9CstaticTabs%E2%80%9D%20property%20of%20the%20manifest%2C%20and%20setting%20its%20%E2%80%9Cscope%E2%80%9D%20to%20%E2%80%9Cpersonal%E2%80%9D.%3CBR%20%2F%3E%3CBR%20%2F%3ERick%20Van%20Rousselt%20has%20a%20nice%20getting%20started%20series%20that%20also%20might%20help%20you%20out%3A%20%3CA%20href%3D%22https%3A%2F%2Fwww.rickvanrousselt.com%2Fteams-ramp-up-part-1%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.rickvanrousselt.com%2Fteams-ramp-up-part-1%2F%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EYou%20might%20find%20some%20useful%20information%20in%20a%20series%20of%20posts%20I%20did%3A%20%3CA%20href%3D%22https%3A%2F%2Fblog.yannickreekmans.be%2Fautomate-governance-in-microsoft-teams-context-and-goals%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fblog.yannickreekmans.be%2Fautomate-governance-in-microsoft-teams-context-and-goals%2F%3C%2FA%3E%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E
Andrea Tosato
New Contributor

I would like to create an application for Microsoft Teams but I don't understand what capability I have to exploit. I would like the application to be called up from the application bar and opened to full screen. The same behavior that occurs for the "App Studio" application. I need to bring something that is not accessible, either by chat or tea; the app should manage a flow in a personal window.

I looked at the manifest definition document but found nothing. https://docs.microsoft.com/en-us/microsoftteams/platform/resources/schema/manifest-schema

I would like to replicate the application behavior like AppStudio or Microsoft Planner, to name a few. For example 4PveL.pngApp Studio

 

A possible alternative, could be to insert a button in the chats and open a popup with the configuration page. I saw this behavior for the AzureDevOps extension. Unfortunately this also seems to be a capability not available. 9Wu1i.pngAzure DevOps

 

Do you have any idea how to do it?

Thanks a lot

1 Reply
Solution
You can achieve this by implementing the “staticTabs” property of the manifest, and setting its “scope” to “personal”.

Rick Van Rousselt has a nice getting started series that also might help you out: https://www.rickvanrousselt.com/teams-ramp-up-part-1/

You might find some useful information in a series of posts I did: https://blog.yannickreekmans.be/automate-governance-in-microsoft-teams-context-and-goals/
Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
35 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
flashing a white screen while open new tab
Deleted in Discussions on
14 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies