Tabs in mobile app

Question

Hello team,

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

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.

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

Answer 1

@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.

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.