Embedding Microsoft Teams Web UI into another application

%3CLINGO-SUB%20id%3D%22lingo-sub-1607736%22%20slang%3D%22en-US%22%3EEmbedding%20Microsoft%20Teams%20Web%20UI%20into%20another%20application%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1607736%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20are%20trying%20to%20integrate%20our%20web%20application%20with%20Microsoft%20Teams.%26nbsp%3BWe%20want%20to%20avoid%20MS-Teams%20API%20integration%20which%20requires%20us%20to%20build%20our%20own%20UI.%26nbsp%3BIs%20it%20any-way%20possible%20to%20embed%20the%20MS%20Team%20Web%20UI%20into%20an%20iFrame%20of%20another%20web%20application%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1607752%22%20slang%3D%22en-US%22%3ERe%3A%20Embedding%20Microsoft%20Teams%20Web%20UI%20into%20another%20application%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1607752%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F768887%22%20target%3D%22_blank%22%3E%40GirishL%3C%2FA%3E%26nbsp%3B%2C%20Teams%20provide%20the%20Static%20%2C%20configurable%20Tabs%20which%20you%20can%20build%20inside%20teams%20app.%20These%20tabs%20can%20have%20HTML%20pages%20or%20web%20content%20which%20can%20be%20displayed%20inside%20teams%2C%20it%20uses%20microsoft%20teams%20client%20SDK%20to%20load%20the%20tabs%20in%20Teams.%20What%20is%20your%20scenario%2C%20Do%20you%20want%20to%20bring%20external%20app%20(with%20webpages)%20inside%20teams%3F%20if%20that%20is%20the%20case%20you%20need%20to%20have%20Teams%20Client%20SDK%20in%20your%20code%20and%20initialize%20the%20microsoftTeams%20library%20in%20your%20webpage.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1607822%22%20slang%3D%22en-US%22%3ERe%3A%20Embedding%20Microsoft%20Teams%20Web%20UI%20into%20another%20application%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1607822%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F371090%22%20target%3D%22_blank%22%3E%40Trinetra-MSFT%3C%2FA%3E%26nbsp%3BThanks%20for%20your%20reply.%20Our%20scenario%20is%20to%20initiate%20an%20MS%20Teams%20chat%20or%20group-chat%20within%20our%20application.%20We%20are%20aware%20that%20it%20can%20be%20done%20via%20Graph%20APIs%20however%20we%20want%20to%20avoid%20the%20need%20to%20create%20our%20own%20rich%20UI%20for%20chat%20functionality.%20We%20are%20looking%20to%20embed%20the%20MS%20Teams%20chat%2Fgroup-chat%20screens%20inside%20our%20web%20application.%20However%2C%20it%20is%20not%20permitted%20due%20to%26nbsp%3B%3CSPAN%3E'X-Frame-Options'%20restrictions.%20We%20are%20not%20looking%20for%20Chatbot%20like%20functionality.%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1624624%22%20slang%3D%22en-US%22%3ERe%3A%20Embedding%20Microsoft%20Teams%20Web%20UI%20into%20another%20application%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1624624%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F768887%22%20target%3D%22_blank%22%3E%40GirishL%3C%2FA%3E%2C%26nbsp%3B%20Currently%20this%20is%20not%20possible%20to%20bring%20teams%20chat%20in%20external%20application.%20Teams%20has%20it's%20own%20UI%20for%20chat%20functionality%20You%20can%20utilize%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fgraph%2Fapi%2Fresources%2Fchat%3Fview%3Dgraph-rest-beta%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3Echat%3C%2FA%3E%20or%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fgraph%2Fapi%2Fgroup-post-conversations%3Fview%3Dgraph-rest-1.0%26amp%3Btabs%3Dhttp%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3Ecreate%20conversation%3C%2FA%3E%20Graph%20API%20in%20your%20application.%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

Hi,

 

We are trying to integrate our web application with Microsoft Teams. We want to avoid MS-Teams API integration which requires us to build our own UI. Is it any-way possible to embed the MS Team Web UI into an iFrame of another web application?

 

Thanks.

3 Replies

@GirishL , Teams provide the Static , configurable Tabs which you can build inside teams app. These tabs can have HTML pages or web content which can be displayed inside teams, it uses microsoft teams client SDK to load the tabs in Teams. What is your scenario, Do you want to bring external app (with webpages) inside teams? if that is the case you need to have Teams Client SDK in your code and initialize the microsoftTeams library in your webpage. 

@Trinetra-MSFT Thanks for your reply. Our scenario is to initiate an MS Teams chat or group-chat within our application. We are aware that it can be done via Graph APIs however we want to avoid the need to create our own rich UI for chat functionality. We are looking to embed the MS Teams chat/group-chat screens inside our web application. However, it is not permitted due to 'X-Frame-Options' restrictions. We are not looking for Chatbot like functionality.

@GirishL,  Currently this is not possible to bring teams chat in external application. Teams has it's own UI for chat functionality You can utilize chat or create conversation Graph API in your application.