+description: Learn how to enable the Share to Teams button on your personal app or tab, limitations, and end user experience.

+# [Desktop](#tab/desktop)

+# [Mobile](#tab/mobile)

+* The Share to Teams is available for the Teams desktop and mobile clients, but it isn't supported on Teams web client.

+* You can add Share to Teams button to the app created by using [Teams JavaScript client library](../../tabs/how-to/using-teams-client-library.md).

+| **Documentation issues** | Select **This page** in the **Submit and view feedback** section available at the footer of the documentation, to open an [issue](https://github.com/MicrosoftDocs/msteams-docs/issues) on the [Microsoft Teams documentation GitHub](https://github.com/MicrosoftDocs/msteams-docs) repository.<br/><br/>:::image type="icon" source="assets/icons/alert-icon.png" border="false"::: **This page** option will be deprecated by May 31, 2024. <br/><br/>:::image type="content" source="assets/images/community-feedback-this-page.png" alt-text="This page feedback"::: <br><br/> You can also select whether the article was helpful or not on the articleΓÇÖs page. Select :::image type="icon" source="assets/icons/feedback-icon.png" border="false"::: **Feedback** in the upper-right corner of the article. Select **Yes** or **No**, provide additional context in the text field and select **Submit**. <br/>:::image type="content" source="assets/images/community-feedback.png" alt-text="Screenshot shows the feedback option in the article.":::<br> If you want to provide additional feedback, you can reach out to the community help through [Microsoft Q&A](#developer-community-forums).|

+Before you manage your team and chat RSC settings with PowerShell, you need to connect PowerShell to your tenant using Microsoft Graph. For more information on managing Microsoft Graph settings with PowerShell, see [get started with the Microsoft Graph PowerShell SDK](/powershell/microsoftgraph/get-started).

+You can use the `Connect-MgGraph` cmdlet and connect with the following permissions:

+1. `TeamworkAppSettings.ReadWrite.All`

+1. `Policy.ReadWrite.Authorization`

+1. `Policy.ReadWrite.PermissionGrant`

+1. `AppCatalog.Read.All`

+The following are the available states for the PowerShell settings and each section shows examples of how to use these states to adjust your settings:

+| 3 | The Northwind personal tab opens with the list of suppliers mentioned in the Excel file. The user saves time by checking the result with a single click on the Excel file without manually opening the file each time.|

+| &nbsp; | Handlers | A handler refers to the method to fulfill the user's intent and perform the desired action on the specified object. Handler is responsible for implementing the logic and functionality of the Action, ensuring a seamless and meaningful user experience. | Actions support the `openPage` handler. The `openPage` handler allows you to directly guide users to your app's personal tab. The `openPage` handler helps you to drive users to your app's dedicated personal tab, providing them with a rich and expansive interface to accomplish their goals. |

+The [ActionInfo](/javascript/api/@microsoft/teams-js/actioninfo) interface helps to enable your app to determine when a user opens a tab from an Action and the content that initiated the Action.

+After the user selects the **Send**, you receive a `composeExtensions/submitAction` invoke with `value.botMessagePreviewAction = send`. Your web service must create and send a message with the Adaptive Card to the conversation, and also reply to the invoke.

+// Attribute the message to the user on whose behalf the bot is posting

+ responseActivity.ChannelData = new {

+ };

+```

+# [JavaScript/Node.js](#tab/javascript-1)

+```javascript

+ const responseActivity = { type: 'message', attachments: [adaptiveCard], channelData: {

+ onBehalfOf: [ {

+ itemId: 0,

+ mentionType: 'person',

+ mri: context.activity.from.id,

+ displayname: context.activity.from.name

+ }

+ ]

+ }};

+| When app user accesses the app | After `microsoftTeams.app.initialize()`. |

+microsoftTeams.app.initialize().then(() => {

+ getClientSideToken()

+ .then((clientSideToken) => {

+ return getServerSideToken(clientSideToken);

+ })

+ .then((profile) => {

+ return useServerSideToken(profile);

+ })

+ .catch((error) => {

+ ...

+ })

+}

+ function getClientSideToken() {

+ return new Promise((resolve, reject) => {

+ display("1. Get auth token from Microsoft Teams");

+

+ microsoftTeams.authentication.getAuthToken().then((result) => {

+ display(result);

+ resolve(result);

+ }).catch((error) => {

+ reject("Error getting token: " + error);

+ });

+ });

+ }

+function getServerSideToken(clientSideToken) {

+ return new Promise((resolve, reject) => {

+ microsoftTeams.app.getContext().then((context) => {

+ fetch('/getProfileOnBehalfOf', {

+ method: 'post',

+ headers: {

+ 'Content-Type': 'application/json'

+ },

+ body: JSON.stringify({

+ 'tid': context.user.tenant.id,

+ 'token': clientSideToken

+ }),

+ mode: 'cors',

+ cache: 'default'

+ })

+ .then((response) => {

+ if (response.ok) {

+ return response.json();

+ } else {

+ reject(response.error);

+ }

+ })

+ .then((responseJson) => {

+ if (responseJson.error) {

+ reject(responseJson.error);

+ } else {

+ const profile = responseJson;

+ resolve(profile);

+ }

+ });

+ });

+ });

+ }

+* ***February 15, 2024***: [Share to Teams from personal app or tab for mobile clients.](concepts/build-and-test/share-to-teams-from-personal-app-or-tab.md)

+* ***February 16,2024***: The feedback option, **This page**, located in the **Submit and view feedback** section of the article, will be deprecated by May 31, 2024. You can select :::image type="icon" source="assets/icons/feedback-icon.png" border="false"::: **Feedback** in the upper-right corner of the article to submit feedback.