Forum Discussion

Copper Contributor

Jan 16, 2023

MSTeams Navigating to a page inside a tab using deeplink and context object of msteams JS

There are 2 fundamental issues using the msteams deeplink concept for the tab. 1. Lets consider a scenario, where the msteams tab is hosting a webapp which consists of the homepage and several other...

Microsoft

Jan 17, 2023

satyan2142 - We tried to repro the issue at our end, however on navigating to a page inside a tab using deep link, it gets redirected to specific internal page smoothly without rendering homepage first.
The same happens while returning back to home page as well. Reloading tab is not required.

Link to a task item within the configurable tab:

https://teams.microsoft.com/l/entity/fe4a8eba-2a31-4737-8e33-e5fae6fee194/tasklist123?webUrl=https://tasklist.example.com/123/456&label=Task 456&context={"subEntityId": "task456","channelId": "19:cbe3683f25094106b826c9cada3afbe0@thread.skype"}

Thanks,

Prasad Das

---------------------------------------------------------------------------------------------------------

If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.

satyan2142

Copper Contributor

Jan 18, 2023

Hi Prasad_Das-MSFT. Thanks for the quick response

Can you please let me know the steps that you used to navigate to a different page within a tab using the context object.
Steps I am following:
In the homepage html, waiting for the microsoftTeams.app() to get initialized.
Once initialized, getting the value from the context object, using app.getContext() and then by calling the window.open(url) function of plain JS to navigate to the different page depending on the context value. Let me know if these are the right steps to follow.

Prasad_Das-MSFT
Microsoft
Jan 18, 2023
satyan2142 - We are also following similar procedure. In the homepage html, waiting for the microsoftTeams.app() to get initialized. Once initialized, getting the value from the context object, using app.getContext() and then calling microsoftTeams.app.openLink(url); function to navigate to the different page depending on the context value. Referred below sample:
Microsoft-Teams-Samples/samples/tab-deeplink/nodejs at main · OfficeDev/Microsoft-Teams-Samples (github.com)

Thanks,

Prasad Das

--------------------------------------------------------------------------------------------

If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.
- satyan2142
  Copper Contributor
  Jan 18, 2023
  Prasad_Das-MSFT
  
  I tried the microsoftTeams.app.openLink(url). But its opening the page outside the app in a separate tab of the browser. I am using currently MSTeams browser webapp. Is it possible that, the page will be opened inside the msteams tab itself, and doesn't open other browser tab
  
  Thanks
  Satya
  - Prasad_Das-MSFT
    Microsoft
    Jan 20, 2023
    satyan2142 - Could you please provide your deep link url you are using?
    Whether you choose to expose your tab within the channel or group, or personal scope, you must present an <iframe> HTML content page in your tab.