officedev / microsoft-teams-sample-tabs

Basic example tab apps for Microsoft Teams

page_type	products	languages	extensions
sample	office-teams office-365	html nodejs	contentType technologies samples Tabs Add-ins

Microsoft Teams tab samples

This repository contains samples for building apps with tabs in ASP.NET Core on the Microsoft Teams platform. For complete documentation, see Microsoft Teams Platform documentation.

Samples List

Sample Name	Technology	Instructions
Channel and group tabs	ASP.NET Core + Razor	Walkthrough
Channel and group tabs	ASP.NET Core + MVC	Walkthrough
Personal tabs	ASP.NET Core + Razor	Walkthrough
Personal tabs	ASP.NET Core + MVC	Walkthrough

Copyright

Copyright (c) 2017 Microsoft Corporation. All rights reserved.

This project has adopted the Microsoft Open Source Code of Conduct. For more information, see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

microsoft-teams-sample-tabs's Issues

A on a macOS zip'ed tab sample wil be invalid for Teams

Hi folks,
if I rezip the untouched sample source with my macOS Sierra (10.12.3) build in zip tool (right click -> compress content), Teams says that it is not able to find the manifest.json file. The encoding is still utf-8.
Also alternative zipping tools like "The Unarchiver" is not able to create a zip file that is valid for Teams.

Nevertheless, if I reupload the original zip to Teams, everything works fine.

Screenshot

If this is not an issue, please help me to find the correct way to zip my tab sample. Thanks!

[Question] How to debug a custom Teams Tab if it fails to save its settings?

** Please **
Please tell me (and / or) remove this issue if this type of issue is not allowed to post it here.

Hi folks,
thanks for helping me a lot in the past.
It would be great if you could give me a tip how to debug my Teams tab if it fails to store its settings. The browser's JavaScript error console does not log any errors. What's the best way to deep dive into this error?

As context, I added the related Stackoverflow question: http://stackoverflow.com/questions/43238722/microsoft-teams-tab-is-unable-to-save-settings-during-the-adding-to-a-channel

Context:

I try to write a simple Microsoft Teams tab that displays a feed list.
I'm able to side load my tab to Teams and to select it from the Channel "+" menu.

Problem:

If I want to save my settings, an error text appears that says "We couldn't save your tab settings. Please try again." There is no error in my browser's javascript error console.

My config.html tab javascript code:
<script src="https://statics.teams.microsoft.com/sdk/v0.4/js/MicrosoftTeams.min.js"></script>

    <script type="text/javascript">
        microsoftTeams.initialize();
        microsoftTeams.settings.registerOnSaveHandler(function (saveEvent) {

            microsoftTeams.settings.setSettings({
                entityId: "example",
                contentUrl: "https://example.com/tab.html",
                suggestedDisplayName: "example",
                websiteUrl: "https://example.com",
                removeUrl: "https://example.com/remove.html"
            });

            saveEvent.notifySuccess();
        });

        function onClick() 
        {
            microsoftTeams.settings.setValidityState(true);
        }
    </script>

My manifest.json

    {
      "$schema": "https://statics.teams.microsoft.com/sdk/v0.4/manifest/MicrosoftTeams.schema.json",
      "manifestVersion": "0.4",
      "id": "ee90834a-d649-458d-a4e2-0b0f8d425c11",
      "version": "1.0",
      "name": "WINSider Community Deutschland",
      "developer": {
          "name": "WINSider Community Deutschland",   
          "websiteUrl": "https://windowscommunity.de",
          "privacyUrl": "https://windowscommunity.de/de/impressum/",
          "termsOfUseUrl": "http://windowscommunity.de/de/impressum/"
      },
      "tabs" : [{
        "id": "ee90834a-d649-458d-a4e2-0b0f8d425c11",
        "name": "WINSider Community",
        "description" : {
          "short": "WINsider article list as a tab",
          "full": "Summarizes the windowscommunity.de blog posts as a clickable list."
        },
        "icons": {
          "44": "icon44.png",
          "88": "icon88.png"
        },
        "accentColor" : "#37A3CF",
        "configUrl": "https://tscholze.github.io/public/teamstab/config.html",
        "canUpdateConfig": true
      }],
      "needsIdentity": false,
      "validDomains": [
          "*.github.io",
          "*.github.com",
          "*.googleapis.com",
          "*.microsoft.com",
          "*.rss2json.com",
          "*windowscommunity.de"
      ]
    }

The type or namespace name 'Tab' could not be found

Hello,
I get below error in initial build of the project.. please help.

Error CS0246 The type or namespace name 'Tab' could not be found (are you missing a using directive or an assembly reference?) ChannelGroupTabMVC \MSTeamsApp\microsoft-teams-sample-tabs\ChannelGroupTabMVC\Views\Tab\Tab.cshtml

removeUrl from the config won't load on tab's removal

Hi all

I'm stuck with a problem. I have next config file (one, which specified in the tab's manifest):

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Team Config</title>
</head>
<body>
Nothing to configure yet. Please proceed by clicking Save.

<script src="https://statics.teams.microsoft.com/sdk/v0.4/js/MicrosoftTeams.min.js"></script>

<script type="text/javascript">

    microsoftTeams.initialize();

    microsoftTeams.settings.registerOnSaveHandler(function(saveEvent){

        microsoftTeams.getContext(function(ctx){
            console.log("saved");
            console.log(ctx);
        });

        microsoftTeams.settings.setSettings({
            entityId: 'nimble_lookup',
            contentUrl: "https://live.devnimble.com/outlook_teams_addin/nimble_teams.html",
            removeUrl: "https://live.devnimble.com/outlook_teams_addin/remove_teams.html",
            suggestedTabName: "Live 22",
        });
        saveEvent.notifySuccess();
    });
    microsoftTeams.settings.setValidityState(true);

</script>

</body>
</html>

A tab can be added to a channel without problems, but upon tab removing from the channel - only default remove dialog shows up (without the content of removeUrl in iframe).

Please advise.