How to develop Microsoft Teams app for "App Bar and home screen" - microsoft-teams

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://learn.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 App 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.
Azure DevOps
Do you have any idea how to do it?
Thanks a lot

Correct solution is static tab for personal use.
Complete answer

Related

Microsoft Teams | Expand Tab using JS

Hi my organisation has been creating an app on microsoft teams that allows users to view glpi website inside of a teams tab. The app in itself is just a shortcut to make it easier for the users to navigate through teams.
We need to use an html file with java script in it so that the app redirects to the website in a tab as microsoft teams doesn't allow us to show external website inside of a teams app.
My question is the following : Is it possible that when as a user i click the app button and the redirection to the website tab happens, that this tab automatically expands so that it take all the space inside the teams client. I want it to trigger the "expand the tab" option. (I accept whatever solution you may find because i haven't been able to find something relevant)
This was my first post i thank you for you time and effort and for reading me, have a nice one.
(I tried my best to review this before posting but i'm not sure that i haven't made any mistakes).
I have tried a bunch of useless edits...
There doesn't seem to be any graph API available for pin an App.
We have app related graph API available for add app to team and install app to user.
Ref Doc: https://learn.microsoft.com/en-us/graph/api/team-post-installedapps?view=graph-rest-1.0&tabs=http
https://learn.microsoft.com/en-us/graph/api/userteamwork-post-installedapps?view=graph-rest-1.0&tabs=http
To redirecting your Tab in application you can use deeplink to Tab of an application.
Reference Document: https://learn.microsoft.com/en-us/microsoftteams/platform/concepts/build-and-test/deep-link-application?tabs=teamsjs-v2#generate-a-deep-link-to-your-tab

How can I pin a Sharepoint's WebPart app?

I have developed a Sharepoint's WebPart. This app works fine and now I need something similar to integrate with Teams.
I have been researching about the best way to develop the app for Teams. As far as I know, there are two ways of doing this:
1. I can develop a new app only for Teams
2. I can "reuse" the Sharepoint's Webpart.
According to the second one option, I have made some little changes and now the app based in the WebPart is working in Teams.
My doubt is the next one. The application is a "Tab" associated to a channel and the client wants that the app icon appears in the menu of the left side.
When I try to add the icon in: https://admin.teams.microsoft.com/policies/app-setup, this new application based on the WebPart, never appears and I don't know the way to add the icon in the menu.
Could somebody help me?
Kind regards
You can pin only Personal Apps to the left rail. Please add your SharePoint page as personal (static) tab in your App and then pin it.

How to change the default answer in QnA Maker?

I need to change the default answer in the QnA Maker. I changed it in the configuration of the QnA App Service as seen here:
When I try it in the QnA Maker Portal I get the new default answer:
The problem is that when I try it in a channel like Microsoft Teams(or any other one), the default answer is not the new default answer:
My Microsoft Teams version is 1.2.00.27559 (64-bit)
One more way of changing your default answer to have it reflected it in different channels is to try through the Azure portal:
Go to the Azure portal and navigate to the resource group where your QnA Maker service was created.
Click on the specific App Service.
Once the QnA MAker App Service opens up, click on the Configuration option under the Settings blade on the left pane.
Under Application settings, you will find the DefaultAnswer setting. Double click on the DefaultAnswer option and it will open up the Add/Edit application setting where you can change the value(your default answer) and click on OK.
Click on Save and then Refresh the app service.Now, try testing the default answer on any channel.
Also, note that when you are making the changes in the qnamaker portal, make sure that you save, train and publish the app else the settings may not show the updated changes.
Hope this helps.
To change the default answer of a QnA Bot in a channel like Microsoft Teams, we have to change it in its source code. To access the source code, head to the Bot App Service and in the left hand blade look for the App Service Editor in the Development Tools tab:
Once there, we have to look for the Dialog folder and open up the QnAMakerBaseDialog file:
Now, we have to edit the DefaultNoAnswer const:
Then, we have to build the solution in the code editor. To do that, click the console icon on the left vertical menu, type "build.cmd" in the console and hit enter. This action should build and deploy your code.
If you have any issues building it this way, you can build it also from the App Service panel, going to Console, under the Development Tools tab(where the App Service Editor was)
Finally, the default answer should be displayed correctly. If not, restart the app service in the Azure portal and the new default answer should work fine!

How do I get the Compose Extension Ellipsis button to show up with a custom side-loaded Microsoft Teams app?

I'm trying to learn how to create a Microsoft Teams app following their getting started guide:
https://learn.microsoft.com/en-us/microsoftteams/platform/get-started/get-started-nodejs#ComposeRichMessages
Using the source code from here: https://github.com/OfficeDev/msteams-samples-hello-world-nodejs
I also read the specific docs here:
https://learn.microsoft.com/en-us/microsoftteams/platform/concepts/messaging-extensions
I have the app configured and packaged and side-loaded. The tabs and bot are functioning normally. However, the compose extension ellipsis button never shows up.
Supposedly, all I should need to do is set the correct botId in the composeExtensions section of the manifest.json. I did that, but it's still not showing up.
I have no clue how to troubleshoot this.
Thanks!
According to the docs...
Important
messaging extensions are available only in Public Developer Preview. Many details in this document are subject to change.
That links to:
What is the Public Developer Preview for Microsoft Teams?
https://learn.microsoft.com/en-us/microsoftteams/platform/resources/general/developer-preview

Switch Off Universal Navigation in Google Marketplace Application

We have a Marketplace app in the new Marketplace that we do not want the universal navigation extension to be visible for.
In the setup you can uncheck "Enable Universal Navigation extension". It then forces you to "Enable Drive extension".
we don't want either of these options. We only want API access, which is granted by installing the app from the marketplace.
Does anybody know the solution to this?
Don't think that there is any solution, either one is required.
Simply point the universal navigation to any HTML page with general info or your company website, it doesn't hurt.
Actually I found a workaround to solve this problem.
I enabled a "Drive Extension" but configured the Drive extension so that it never shows up in Drive by setting a "Default File Extension" that will never occur - eg "neveroccur".
Using this approach there is no universal navigation and my app can access the APIs for the whole organization. Users cannot see a drive extension as it never activates because the file type does not exist.

Resources