SOLVED

Building a customizable app for Teams

%3CLINGO-SUB%20id%3D%22lingo-sub-2500478%22%20slang%3D%22en-US%22%3EBuilding%20a%20customizable%20app%20for%20Teams%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2500478%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CDIV%20class%3D%22postcell%20post-layout--right%22%3E%3CDIV%20class%3D%22s-prose%20js-post-body%22%3E%3CP%3EI%20recently%20noticed%20that%20in%20the%20Microsoft%20Teams%20Admin%20Center%20in%20the%20Manage%20App%20section%2C%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fmicrosoft-teams-blog%2Frebrand-apps-to-your-own-organization-s-branding-with-app%2Fba-p%2F2376296%22%20target%3D%22_blank%22%3Esome%20apps%20are%20%22customizable%22%3C%2FA%3E.%3CBR%20%2F%3EI%20am%20creating%20an%20app%20which%20will%20send%20requests%20to%20a%20software%20that%20is%20installed%20on-premises%20and%20thus%20has%20different%20domain%20name%20depending%20on%20the%20organisation%20using%20it%20(xxx.com%2C%20abc.com%E2%80%A6).%3C%2FP%3E%3CUL%3E%3CLI%3E%3CP%3ECould%20I%20use%20this%20feature%20to%20%3CSTRONG%3Emake%20the%20domain%20name%20customizable%3C%2FSTRONG%3E%20by%20the%20Teams%20admin%20so%20that%20the%20app%20is%20ready%20to%20use%20by%20the%20Teams%20users.%3C%2FP%3E%3C%2FLI%3E%3CLI%3E%3CP%3EI%20also%20wonder%20%3CSTRONG%3Eif%20and%20how%20I%20can%20use%20this%20customized%20data%20(I%20suppose%20it%20is%20manifest%20data)%20in%20my%20app%20code%3C%2FSTRONG%3E%20(note%3A%20I%20am%20using%20NodeJS).%3C%2FP%3E%3C%2FLI%3E%3C%2FUL%3E%3CP%3ESide%20question%2C%20I%20also%20noticed%20a%20%22Settings%22%20tab%20which%20is%20always%20empty%2C%20what%20is%20it%20for%2C%20how%20can%20I%20add%20settings%20to%20my%20app%3F%3C%2FP%3E%3CP%3EThank%20you%3C%2FP%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2500478%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EApp%20Development%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EBot%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EBot%20Framework%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESettings%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2501421%22%20slang%3D%22en-US%22%3ERe%3A%20Building%20a%20customizable%20app%20for%20Teams%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2501421%22%20slang%3D%22en-US%22%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1091028%22%20target%3D%22_blank%22%3E%40ccr-ms%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3ESee%20article%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2FMicrosoftTeams%2Fcustomize-apps%23%3A~%3Atext%3D%2520Customize%2520apps%2520in%2520Microsoft%2520Teams%2520%25201%2Ccustomized%2520app%253F%2520Although%2520the%2520admin%2520can...%2520More%2520%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2FMicrosoftTeams%2Fcustomize-apps%23%3A~%3Atext%3D%2520Customize%2520apps%2520in%2520Microsoft%2520Teams%2520%25201%2Ccustomized%2520app%253F%2520Although%2520the%2520admin%2520can...%2520More%2520%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EThe%20only%20properties%20you%20can%20customise%20are%3CBR%20%2F%3E%3CBR%20%2F%3EShort%20name%3CBR%20%2F%3EShort%20description%3CBR%20%2F%3EFull%20description%3CBR%20%2F%3EPrivacy%20policy%20URL%3CBR%20%2F%3EWebsite%20URL%3CBR%20%2F%3ETerms%20of%20use%20URL%3CBR%20%2F%3EColor%20icon%3CBR%20%2F%3EOutline%20icon%3CBR%20%2F%3EAccent%20color%3CBR%20%2F%3E%3CBR%20%2F%3EThe%20article%20should%20show%20how%20to%20do%20it.%20%3CBR%20%2F%3E%3CBR%20%2F%3EThe%20settings%20tab%20is%20also%20available%20for%20a%20few%20applications%20where%20settings%20can%20be%20modified.%20For%20example%20the%20Approvals%20App%20let%20you%20pick%20specific%20e-signature%20software%20to%20use.%20Today%20it%20shows%20Adobe%20Sign%2C%20later%20on%20it%20will%20show%20DocuSign%20and%20other%20vendors%3CBR%20%2F%3E%3CBR%20%2F%3EHope%20that%20answers%20your%20question%3CBR%20%2F%3E%3CBR%20%2F%3EBest%2C%20Chris%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F668458%22%20target%3D%22_blank%22%3E%40ThereseSolimeno%3C%2FA%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2502004%22%20slang%3D%22en-US%22%3ERe%3A%20Building%20a%20customizable%20app%20for%20Teams%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2502004%22%20slang%3D%22en-US%22%3E%3CP%3EThank%20you%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F169605%22%20target%3D%22_blank%22%3E%40Christopher%20Hoard%3C%2FA%3E%20for%20your%20reply.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20understand%20that%20it%20is%20not%20possible%20to%20use%20the%20%22Customize%20app%22%20feature%20for%20what%20I%20want%20to%20achieve.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHowever%2C%20I%20am%20still%20not%20sure%20how%20I%20can%20add%20settings%20to%20my%20bot%20app%20for%20people%20to%20configure%20it.%20Do%20you%20know%20of%20any%20developer%20documentation%20about%20that%20%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20again%20for%20your%20time.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2503229%22%20slang%3D%22en-US%22%3ERe%3A%20Building%20a%20customizable%20app%20for%20Teams%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2503229%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1091028%22%20target%3D%22_blank%22%3E%40ccr-ms%3C%2FA%3E%26nbsp%3B-%20It's%20possible%20for%20Bot%20to%20send%20a%20welcome%20message%20with%20Adaptive%20card%20which%20allows%20users%20to%20choose%20their%20preferences.%20Here%20is%20demo%20app%20which%20shows%20similar%20functionality%3A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FOfficeDev%2FMicrosoft-Teams-Samples%2Ftree%2Fmain%2Fsamples%2Fapp-region-selection%2Fcsharp%23interacting-with-the-bot%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMicrosoft-Teams-Samples%2Fsamples%2Fapp-region-selection%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22WajeedMSFT_0-1625077909214.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F292687i3A697759133231D4%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22WajeedMSFT_0-1625077909214.png%22%20alt%3D%22WajeedMSFT_0-1625077909214.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2503480%22%20slang%3D%22en-US%22%3ERe%3A%20Building%20a%20customizable%20app%20for%20Teams%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2503480%22%20slang%3D%22en-US%22%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1091028%22%20target%3D%22_blank%22%3E%40ccr-ms%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EI'll%20raise%20it%20to%20see%20if%20I%20can%20get%20an%20answer%20on%20where%20the%20settings%20(tab%20within%20the%20TAC)%20would%20be%20set.%20I%20don't%20personally%20know%20myself%20so%20would%20be%20interested%20to%20follow%20up.%20If%20I%20get%20a%20response%20I'll%20circle%20back%20here%3CBR%20%2F%3E%3CBR%20%2F%3EBest%2C%20Chris%3C%2FLINGO-BODY%3E
New Contributor

Hi,

I recently noticed that in the Microsoft Teams Admin Center in the Manage App section, some apps are "customizable".
I am creating an app which will send requests to a software that is installed on-premises and thus has different domain name depending on the organisation using it (xxx.com, abc.com…).

  • Could I use this feature to make the domain name customizable by the Teams admin so that the app is ready to use by the Teams users.

  • I also wonder if and how I can use this customized data (I suppose it is manifest data) in my app code (note: I am using NodeJS).

Side question, I also noticed a "Settings" tab which is always empty, what is it for, how can I add settings to my app?

Thank you

4 Replies
best response confirmed by adam deltinger (MVP)
Solution

Hi @ccr-ms

See article

https://docs.microsoft.com/en-us/MicrosoftTeams/customize-apps#:~:text=%20Customize%20apps%20in%20Mi...

The only properties you can customise are

Short name
Short description
Full description
Privacy policy URL
Website URL
Terms of use URL
Color icon
Outline icon
Accent color

The article should show how to do it.

The settings tab is also available for a few applications where settings can be modified. For example the Approvals App let you pick specific e-signature software to use. Today it shows Adobe Sign, later on it will show DocuSign and other vendors

Hope that answers your question

Best, Chris

Thank you @Christopher Hoard for your reply.

 

I understand that it is not possible to use the "Customize app" feature for what I want to achieve.

 

However, I am still not sure how I can add settings to my bot app for people to configure it. Do you know of any developer documentation about that ?

 

Thanks again for your time.

@ccr-ms - It's possible for Bot to send a welcome message with Adaptive card which allows users to choose their preferences. Here is demo app which shows similar functionality: Microsoft-Teams-Samples/samples/app-region-selection

WajeedMSFT_0-1625077909214.png

 

@ccr-ms

I'll raise it to see if I can get an answer on where the settings (tab within the TAC) would be set. I don't personally know myself so would be interested to follow up. If I get a response I'll circle back here

Best, Chris
www.000webhost.com