SOLVED

Best practices for multi-page app

%3CLINGO-SUB%20id%3D%22lingo-sub-2121215%22%20slang%3D%22en-US%22%3EBest%20practices%20for%20multi-page%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2121215%22%20slang%3D%22en-US%22%3E%3CP%3EI%20am%20working%20on%20a%20Teams%20app%20for%20AppSource.%20It%20will%20have%20multiple%20screens%3A%20user%20view%2C%20user%20edit%2C%20admin%20edit.%20I%20could%20build%20a%20single%20page%20app%20with%20dynamic%20components%2C%20but%20I%20am%20concerned%20that%20it%20will%20impact%20performance.%20Is%20there%20a%20better%20way%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20considered%20creating%20multiple%20tabs%2C%20but%20it%20would%20mean%20installing%203%20tabs%2C%20including%20some%20-%20such%20a%20the%20admin%20tab%20-%20not%20relevant%20to%20all%20users.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2121215%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EApp%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EAppSource%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Etabs%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2121375%22%20slang%3D%22en-US%22%3ERe%3A%20Best%20practices%20for%20multi-page%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2121375%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F29417%22%20target%3D%22_blank%22%3E%40Christophe%20Humbert%3C%2FA%3E%2C%20Could%20please%20check%20and%20try%20this%20once%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Ftabs%2Fhow-to%2Fcreate-tab-pages%2Fconfiguration-page%23configuring-a-channel-or-group-chat-tab%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ECreate%20a%20configuration%20page%20-%20Teams%20%7C%20Microsoft%20Docs%3C%2FA%3E%26nbsp%3B%20with%20multiple%20tabs%20as%20options%20with%20checkboxes%2F%20radio%20buttons%20and%20configure%20the%20tab%20according%20to%20the%20user%20privilege.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2121305%22%20slang%3D%22en-US%22%3ERe%3A%20Best%20practices%20for%20multi-page%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2121305%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F888061%22%20target%3D%22_blank%22%3E%40Mallipriya_MSFT%3C%2FA%3E%26nbsp%3Bthanks%20for%20the%20helpful%20link.%20I%20see%20that%2016%20is%20for%20personal%20tabs%2C%20but%20for%20channel%2Fgroup%20tabs%20you%20can%20only%20have%20one!%20In%20this%20case%20it%20seems%20that%20I%20don't%20have%20another%20choice%20than%20putting%20everything%20in%20a%20single%20page.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2121295%22%20slang%3D%22en-US%22%3ERe%3A%20Best%20practices%20for%20multi-page%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2121295%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F29417%22%20target%3D%22_blank%22%3E%40Christophe%20Humbert%3C%2FA%3E%2C%20You%20can%20design%20a%20maximum%20of%2016%20tabs%20for%20an%20App.%20Could%20you%20please%20have%20a%20look%20the%20document%20-%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Ftabs%2Fwhat-are-tabs%23how-do-tabs-work%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EWhat%20are%20custom%20tabs%20in%20Teams%3F%20-%20Teams%20%7C%20Microsoft%20Docs%3C%2FA%3E.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Frequent Contributor

I am working on a Teams app for AppSource. It will have multiple screens: user view, user edit, admin edit. I could build a single page app with dynamic components, but I am concerned that it will impact performance. Is there a better way?

 

I have considered creating multiple tabs, but it would mean installing 3 tabs, including some - such a the admin tab - not relevant to all users.

3 Replies
best response confirmed by Christophe Humbert (Frequent Contributor)
Solution

Hi @Christophe Humbert, You can design a maximum of 16 tabs for an App. Could you please have a look the document - What are custom tabs in Teams? - Teams | Microsoft Docs

@Mallipriya_MSFT thanks for the helpful link. I see that 16 is for personal tabs, but for channel/group tabs you can only have one! In this case it seems that I don't have another choice than putting everything in a single page.

@Christophe Humbert, Could please check and try this once Create a configuration page - Teams | Microsoft Docs  with multiple tabs as options with checkboxes/ radio buttons and configure the tab according to the user privilege.