Merge pull request #1228 from OfficeDev/v-hrajandira/Images_Updates_T…

…eams2.1_PR_1

PR 2 - Update Readme and Images - Classic to T2.1

samples/graph-chat-lifecycle/csharp/ChatLifecycle/Views/Home/Index.cshtml

@@ -69,8 +69,8 @@
             microsoftTeams.app.getContext().then((context) => {
 
                 var userID = context.user.id;
-                var Json = JSON.stringify(result);
-                var parsedJson = JSON.parse(Json);
+                //var Json = JSON.stringify(result);
+                var parsedJson = JSON.parse(result);
                 var resultJson = parsedJson.users;
                 var title = parsedJson.title;
 

samples/graph-chat-lifecycle/csharp/README.md

@@ -142,20 +142,24 @@ This sample illustrates Lifecycle of chat in Teams (Creating chat, adding member
 
 ## Running the sample
 
-1. In Teams, Once the app is successfully installed, it can be opened in the tab and has option to create group chat if user is authenticated.
+1. Install App.
+
+![InstallApp](ChatLifecycle/Images/InstallApp.png)
+
+2. In Teams, Once the app is successfully installed, it can be opened in the tab and has option to create group chat if user is authenticated.
 
 ![welcome card](ChatLifecycle/Images/welcome.png)
 
-2. Once create group chat is clicked, user will be able to add Title of the groupchat and select users from drop down to create a group chat and add members (using different scenarios) and delete member accordingly to depict the lifecycle of chat.
+3. Once create group chat is clicked, user will be able to add Title of the groupchat and select users from drop down to create a group chat and add members (using different scenarios) and delete member accordingly to depict the lifecycle of chat.
 
   ![group chat created](ChatLifecycle/Images/groupchatbuttonclick.png) 
 
-3. created group chat Details.
-![group chat Details](ChatLifecycle/Images/groupchatcreated.png) 
-
 4. Successfully Group chat created.
 ![chat life cycle](ChatLifecycle/Images/createdgroupchat.png)
 
+5. created group chat Details.
+![group chat Details](ChatLifecycle/Images/groupchatcreated.png) 
+
 ## Outlook on the web
 
 - To view your app in Outlook on the web.

samples/graph-chat-lifecycle/nodejs/README.md

@@ -164,6 +164,8 @@ The simplest way to run this sample in Teams is to use Teams Toolkit for Visual
 1. In Teams, Install App
 
  ![](Images/Install.png)
+ 
+ ![](Images/SelectTeams.png)
 
  ![](Images/InstallSaveTab.png)
 

samples/graph-chat-lifecycle/nodejs/src/views/chatLifecycle.html

@@ -49,8 +49,6 @@ <h4 id="successMsg"></h4>
 
                     taskInfo.card = data.content;
                     taskInfo.title = "Create Groupchat";
-                    taskInfo.height = "280";
-                    taskInfo.width = "500";
 
                     // Set fallback URL
                     taskInfo.fallbackUrl = taskInfo.url;

samples/graph-pinned-messages/csharp/README.md

@@ -139,6 +139,9 @@ npm install --legacy-peer-deps
 
 ## Running the sample
 
+1) Install App
+![InstallApp ](GraphPinnedMessage/Images/InstallApp.png)
+
 1) Add the app in group scope.
 ![pinned-messages-install ](GraphPinnedMessage/Images/pin-message-installation.png)
 

samples/graph-pinned-messages/nodejs/README.md

@@ -164,6 +164,9 @@ npm install --legacy-peer-deps
 
 ## Running the sample
 
+1) Install App
+![InstallApp](Images/InstallApp.png)
+
 1) Add the app in group scope.
 ![pinned-messages-install ](Images/pin-message-installation.png)
 

samples/msgext-link-unfurling/csharp/README.md

@@ -96,6 +96,8 @@ the Teams service needs to call into the bot.
 
 ## Running the sample
 
+![Add-App](Images/Add-App.png)
+
 > Note the Teams `manifest.json` for this sample also includes a Search Query. This Messaging Extension is only introduced in order to enable installation, because there is no mechanism for installing a link unfurling feature in isolation.
 
 If you copy and paste a link from https://www.BotFramework.com into the compose message area the link will unfurl.
@@ -117,7 +119,7 @@ If you copy and paste a link from https://www.BotFramework.com into the compose
 
 **Select your app icon to launch your app in Office on the web**
 
-![Search in Extension](Images/SearchInExtension.PNG)
+![Search in Extension](Images/SearchInExtension.png)
 
 ## Deploy the bot to Azure