Unable to add an installed MS Teams App as a Tab

Question

I'm currently working on this tutorial and came up to the the section 'Configure the app tab'. However, instead of being able to choose a Tab to display, I am only shown a preview of the opening Tab with the save option greyed out. Bot-Communication through the installed App also fails ('unable to reach the App'), which suggests it's a client-based problem.

Answer 1

There are two separate questions in here, but let's start with the first, about the Tab. It's important to understand the difference between "personal"/"static" tabs, and "shared"/"configurable" tabs. Personal tabs appear if you install the app into your own account direclty (eg by going via the "App" option on the left menu", whereas "shared" tabs are ones you add to a group chat or channel. These "shared" tabs don't add -directly- to the chat/channel, they first need to show a "configuration" popup where users can be shown any options you need to configure the final tab (see for instance the "SharePoint" option when you add a new tab to an existing channel.

In contrast, "personal" tabs just add the tab directly. If you want to just see your tab in action directly, in "personal" mode, then just use the "Add" button direclty in App Studio - don't select the dropdown to add it to a channel/chat - you'll need to add a "config" screen first. In addition, your config screen needs to tell Teams that you're done with the config (via a javascript command), which then enables the Save button

Answer 2

1. Are you trying to add a configurable tab ? Please take a look at the sample here on how your configuration page should look like. You will need to have settings.setValidityState(true) to enable the save button.
2. Bot communication fails with "Unable to reach app"- Could you please add more details on this issue? Did you add the Bot id and password in the config file? Does your app hit when you send a message to the Bot?