{"id":52380,"date":"2018-08-09T19:57:45","date_gmt":"2018-08-09T19:57:45","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/devops\/?p=45945"},"modified":"2019-02-14T15:48:42","modified_gmt":"2019-02-14T23:48:42","slug":"make-your-visual-studio-team-services-dashboard-part-of-your-conversation-in-microsoft-teams","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/devops\/make-your-visual-studio-team-services-dashboard-part-of-your-conversation-in-microsoft-teams\/","title":{"rendered":"Make your Visual Studio Team Services dashboard part of your conversation in Microsoft Teams"},"content":{"rendered":"<p><span style=\"margin: 0px; line-height: 107%; font-family: 'Segoe UI Light',sans-serif; font-size: 12pt;\"><span style=\"color: #000000;\">Visual Studio Team Services (VSTS) Dashboards help keep track of your project and drive collaboration with your team. Starting today, you can bring your <a href=\"https:\/\/docs.microsoft.com\/en-us\/vsts\/report\/dashboards\/overview?view=vsts\">VSTS dashboards<\/a> right where the conversation is happening in <a href=\"https:\/\/products.office.com\/en-us\/microsoft-teams\/group-chat-software?&amp;OCID=AID643148_SEM_RLdtiQ3l&amp;wt.srch=1&amp;wt.mc_id=AID643148_SEM_RLdtiQ3l&amp;msclkid=43acf30afe4112b6d113a82ed04937a8\">Microsoft\u00a0Teams (MS Teams)<\/a>. <\/span>MS Teams is Microsoft&#8217;s chat and collaboration platform.<\/span><\/p>\n<p><span style=\"margin: 0px; line-height: 107%; font-family: 'Segoe UI Light',sans-serif; font-size: 12pt;\"> <span style=\"color: #000000;\">Add any of your dashboards to a Team channel tab<\/span> using the <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ms-vsts.vss-services-teams\">VSTS Extension<\/a><span style=\"color: #000000;\">. D<\/span><\/span><span style=\"margin: 0px; color: black; line-height: 107%; font-family: 'Segoe UI Light',sans-serif; font-size: 12pt;\">ashboards you add become a tab on your teams\u2019 channel. They are available to all channel members who have permissions to see the dashboard in VSTS. You\u2019ll notice that the added dashboard is optimized for consumption inside Teams. All your widgets will show when you open the dashboard in Teams and the dashboard will refresh automatically. Hovering over your widgets will provide more details on specific data points depending on the widget. Here is a sample dashboard embedded into a Team channel. <\/span><\/p>\n<p><span style=\"margin: 0px; color: black; line-height: 107%; font-family: 'Segoe UI Light',sans-serif; font-size: 12pt;\"><img decoding=\"async\" class=\"aligncenter wp-image-45955 size-large\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/6\/2019\/05\/Dashboard-1024x512.png\" alt=\"Dashboard embeeded in MS Teams\" width=\"840\" height=\"420\" \/><\/span><\/p>\n<p><span style=\"margin: 0px; color: black; line-height: 107%; font-family: 'Segoe UI Light',sans-serif; font-size: 12pt;\">Adding a dashboard is like adding any other tab extension. Look for the VSTS extension and connect to your VSTS organization. Once you&#8217;re connected, choose the dashboard you want to bring in and save.\u00a0 See this <\/span><span style=\"margin: 0px; line-height: 107%; font-family: 'Segoe UI Light',sans-serif; font-size: 12pt;\"><a href=\"https:\/\/docs.microsoft.com\/en-us\/vsts\/service-hooks\/services\/teams?view=vsts\">guide<\/a> for more details. This extension also supports adding Kanban boards in the same manner. <\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-46015 size-full\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/6\/2019\/05\/Choosing-a-dashboard2.png\" alt=\"Select the dashboard - configuration \" width=\"999\" height=\"826\" \/><\/p>\n<p><span style=\"margin: 0px; color: black; line-height: 107%; font-family: 'Segoe UI Light',sans-serif; font-size: 12pt;\">The dashboard updates whenever you open the tab in Microsoft Teams. But you can always use the Reload tab button <img decoding=\"async\" class=\"alignnone wp-image-45975\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/6\/2019\/05\/Refresh-Icon.png\" alt=\"Teams refresh icon\" width=\"27\" height=\"24\" \/><\/span><span style=\"margin: 0px; color: black; line-height: 107%; font-family: 'Segoe UI Light',sans-serif; font-size: 12pt;\">\u00a0in Teams to refresh it. The great part about this embedding is <\/span><span style=\"margin: 0px; color: black; line-height: 107%; font-family: 'Segoe UI Light',sans-serif; font-size: 12pt;\">that your data and conversation live side by side. You can also open the conversation tab when viewing the dashboard to see both together in one single screen as shown below. <\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-46025 size-large\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/6\/2019\/05\/DashboardConversation1-1024x635.png\" alt=\"Dashboard and conversation side by side\" width=\"840\" height=\"521\" \/><\/p>\n<p><span style=\"margin: 0px; color: black; line-height: 107%; font-family: 'Segoe UI Light',sans-serif; font-size: 12pt;\">Learn all about <\/span><span style=\"margin: 0px; line-height: 107%; font-family: 'Segoe UI Light',sans-serif; font-size: 12pt;\"><a href=\"https:\/\/docs.microsoft.com\/en-us\/vsts\/service-hooks\/services\/teams?view=vsts\">VSTS and MS Teams integration <\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visual Studio Team Services (VSTS) Dashboards help keep track of your project and drive collaboration with your team. Starting today, you can bring your VSTS dashboards right where the conversation is happening in Microsoft Teams (MS Teams).<\/p>\n","protected":false},"author":252,"featured_media":52651,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,250],"tags":[],"class_list":["post-52380","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-devops","category-reporting"],"acf":[],"blog_post_summary":"<p>Visual Studio Team Services (VSTS) Dashboards help keep track of your project and drive collaboration with your team. Starting today, you can bring your VSTS dashboards right where the conversation is happening in Microsoft Teams (MS Teams).<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/52380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/users\/252"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/comments?post=52380"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/52380\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media\/52651"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media?parent=52380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/categories?post=52380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/tags?post=52380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}