Merge pull request #1409 from OfficeDev/v-mfurquan/share-to-teams-edu…

…cation Added Share To Teams For EDU In Tab-Deeplink Sample
OfficeDev · Oct 18, 2024 · 2f88ee5 · 2f88ee5
2 parents b3e8f4f + a707a16
commit 2f88ee5
Show file tree

Hide file tree

Showing 8 changed files with 52 additions and 7 deletions.
diff --git a/samples/tab-deeplink/nodejs/Images/ShareToTeamsEDU_1.png b/samples/tab-deeplink/nodejs/Images/ShareToTeamsEDU_1.png
diff --git a/samples/tab-deeplink/nodejs/Images/ShareToTeamsEDU_2.png b/samples/tab-deeplink/nodejs/Images/ShareToTeamsEDU_2.png
diff --git a/samples/tab-deeplink/nodejs/Images/ShareToTeamsEDU_3.png b/samples/tab-deeplink/nodejs/Images/ShareToTeamsEDU_3.png
diff --git a/samples/tab-deeplink/nodejs/Images/ShareToTeamsEDU_4.png b/samples/tab-deeplink/nodejs/Images/ShareToTeamsEDU_4.png
diff --git a/samples/tab-deeplink/nodejs/Images/ShareToTeamsEDU_5.png b/samples/tab-deeplink/nodejs/Images/ShareToTeamsEDU_5.png
diff --git a/samples/tab-deeplink/nodejs/Images/ShareToTeamsForEDU_1.png b/samples/tab-deeplink/nodejs/Images/ShareToTeamsForEDU_1.png
diff --git a/samples/tab-deeplink/nodejs/README.md b/samples/tab-deeplink/nodejs/README.md
@@ -21,6 +21,8 @@ Microsoft Teams sample which displays deeplinks for call, video, chat, navigate
 * Tabs
 * Bots
 * Deep Links
+* Share To Teams From Web Apps
+* Share To Teams For Education
 
 ## Interaction with app.
 
@@ -203,6 +205,20 @@ Click on `Side Panel Deeplink` which will redirect to the meeting side panel.
 
 ![SharedFromWebApp](Images/ShareToTeams_LinkSharedFromWebApp.png)
 
+**Share To Teams For Education:**
+
+> **Note:** The `Share to Teams for EDU` feature is exclusively supported in Education (EDU) tenants. Ensure that your application is deployed and tested in an EDU tenant environment for this functionality to work correctly.
+
+![ClickTeamsIcon](Images/ShareToTeamsEDU_1.png)
+
+![CreateAssignment](Images/ShareToTeamsEDU_2.png)
+   
+![AssignmentCreated](Images/ShareToTeamsEDU_3.png)
+
+![ViewCreatedAssignment](Images/ShareToTeamsEDU_4.png)
+
+![VerifyAssignmentTitle](Images/ShareToTeamsEDU_5.png)
+
 ## Outlook on the web
 
 - To view your app in Outlook on the web.

diff --git a/samples/tab-deeplink/nodejs/pages/DeepLink.html b/samples/tab-deeplink/nodejs/pages/DeepLink.html
@@ -40,6 +40,19 @@
             })
         });
     </script>
+    <style>
+        * {
+            box-sizing: border-box;
+        }
+
+        /* Create two equal columns that floats next to each other */
+        .column {
+            float: left;
+            width: 50%;
+            padding: 10px;
+            height: 200px;
+        }
+    </style>
 </head>
 
 <body>
@@ -49,13 +62,29 @@
         style="margin-top:-23px;margin-left:80px;color:Highlight;font-family:'Segoe UI';font-size:15px"></div>
     <div id="list-content" style="margin-top:3rem"></div>
     <div class="surface">
-        <div class="panel">
-            <h3>Share to Teams using a web page</h3>
-            <p>Click below Teams button to open popup</p>
-            <span class="teams-share-button"
-                data-href="https://learn.microsoft.com/en-us/microsoftteams/platform/concepts/build-and-test/share-to-teams-from-web-apps?branch=pr-en-us-10824&tabs=method1#embed-a-share-to-teams-button"
-                data-msg-text="Test Message" data-icon-px-size="64" data-allow-share-in-meeting="true"
-                data-app-id="{{Your-App-Id}}" data-preview="true"></span>
+        <div class="row">
+            <div class="column">
+                <div class="panel">
+                    <h3>Share to Teams using a web page</h3>
+                    <p>Click below Teams button to open popup</p>
+                    <span class="teams-share-button"
+                        data-href="https://learn.microsoft.com/en-us/microsoftteams/platform/concepts/build-and-test/share-to-teams-from-web-apps?branch=pr-en-us-10824&tabs=method1#embed-a-share-to-teams-button"
+                        data-msg-text="Test Message" data-icon-px-size="64" data-allow-share-in-meeting="true"
+                        data-app-id="{{Your-App-Id}}" data-preview="true">
+                    </span>
+                </div>
+            </div>
+            <div class="column">
+                <div class="panel">
+                    <h3>Share to Teams for Education</h3>
+                    <p>Click below Teams button to open popup</p>
+                    <span class="teams-share-button" data-href="https://www.microsoft.com/education/products/teams"
+                        data-msg-text="Default Message" data-icon-px-size="64"
+                        data-assign-title="Default Assignment Title" data-assign-instr="Default Assignment Instructions"
+                        data-preview="true">
+                    </span>
+                </div>
+            </div>
         </div>
     </div>
     <div style="margin-top:1rem;">