Custom tab app using Visual Studio 2022 - MS Teams + Toolkit - How to customize tabs?

Question

Hi team,

I am working on creating a tab app to implement in Microsoft Teams, for which I am developing using Blazor in Visual Studio 2022 using the toolkit tool. Currently I am stuck in that I don't know how to create and configure a new tab.

In the 2nd image you can see that I have different tabs but they all point to /tab in my manifest.json for it to work.

I try to create a tab2.razor element and just by creating it I get error.

Could someone send me a step by step guide to know how to configure this tab2 so that it is different from the tab and can be pointed to in my manifest.json and work?

Thanks!

Answer 1

Resolved.
Just copy and past tab.razor, using maybe tab2.razor

and only delete @page "/"

Answer 2

Hi @Diogenes Carot

Thanks for your feedback above which shared more information and glad to know that your issue is resolved now! Since our forum has the policy that The question author cannot accept their own answer. They can only accept answers by others, and according to the scenario introduced here: Answering your own questions on Microsoft Q&A

I would make a brief summary of this post so that other forum members could easily find useful information here:

[Activating lagged copies - Summary]

Issue Symptom:
Custom tab app using Visual Studio 2022 - MS Teams + Toolkit - How to customize tabs?

Solution:
copy and paste tab.razor, using maybe tab2.razor and only delete @page "/".

You could "Accept Answer" for this summary to close this thread, and your action would be helpful to other users who encounter the same issue and read this thread. Thanks for your understanding!

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

---