Tabs in mobile app

Chinnam, Harish Naidu 10 Reputation points
2023-08-24T12:56:21.44+00:00

Hello team,

I built an app package so that I have the followings tabs as shown below.

User's image

The above is the screen shot from desktop app of Microsoft teams application.

I used the following snippet for adding the tabs in manifest file with version 1.14.

"staticTabs": [
    {
      "entityId": "index",
      "name": "Service Shop",
      "contentUrl": "${{PROVISIONOUTPUT__FRONTENDHOSTINGOUTPUT__ENDPOINT}}/index.html#/shop",
      "websiteUrl": "${{PROVISIONOUTPUT__FRONTENDHOSTINGOUTPUT__ENDPOINT}}/index.html#/shop",
      "scopes": ["personal"],
      "context": ["personalTab"]
    },
    {
      "entityId": "approvals",
      "name": "Approvals",
      "contentUrl": "${{PROVISIONOUTPUT__FRONTENDHOSTINGOUTPUT__ENDPOINT}}/index.html#/approvals",
      "websiteUrl": "${{PROVISIONOUTPUT__FRONTENDHOSTINGOUTPUT__ENDPOINT}}/index.html#/approvals",
      "scopes": ["personal"]
    }
  ],

The issue I am now facing is that I cannot see the tabs in my mobile phone. I am attaching the screenshot for your reference.

User's image

I am expecting to see the same tabs here in the mobile device as well, can you please a take and let me know what I am missing in the manifest regarding this tabs.

Thanks in advance,

Chinnam

Microsoft Teams
Microsoft Teams
A Microsoft customizable chat-based workspace.
9,011 questions
Microsoft Teams Development
Microsoft Teams Development
Microsoft Teams: A Microsoft customizable chat-based workspace.Development: The process of researching, productizing, and refining new or existing technologies.
2,816 questions
{count} votes

1 answer

Sort by: Most helpful
  1. Nivedipa-MSFT 2,806 Reputation points Microsoft Vendor
    2023-08-28T04:56:30.7366667+00:00

    @Chinnam, Harish Naidu - Thanks for reporting your issue. To ensure the visibility of your tabs on mobile devices, it is important to obtain approval for mobile use in the Teams store. The behavior of tabs on mobile devices is determined by the approval status of your app.

    User's image

    Ref Doc: https://learn.microsoft.com/en-us/microsoftteams/platform/tabs/design/tabs-mobile#apps-on-teams-store-not-approved-for-mobile

    Thanks,

    Nivedipa


    If the response is helpful, please click "Accept Answer" and upvote it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.

    0 comments No comments