{"id":4104,"date":"2020-02-11T11:37:22","date_gmt":"2020-02-11T18:37:22","guid":{"rendered":"https:\/\/developer.microsoft.com\/en-us\/office\/blogs\/?p=4104"},"modified":"2021-08-31T14:48:49","modified_gmt":"2021-08-31T21:48:49","slug":"adaptive-cards-1-2-are-ga-in-microsoft-teams","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/adaptive-cards-1-2-are-ga-in-microsoft-teams\/","title":{"rendered":"Adaptive Cards 1.2 are GA in Microsoft Teams"},"content":{"rendered":"<p>Today, we\u2019re pleased to announce the GA of Adaptive Cards 1.2 in Microsoft Teams on desktop and mobile! With the 1.2 release, we\u2019ve enabled highly requested features such as RichText blocks, visibility toggles, and inline text buttons, and more styles and formatting options. These features come together to further enhance interactivity and developer support.<\/p>\n<p>Cards are actionable snippets of content that shape the core user experience of your conversational apps, bots, and messaging extensions in Teams. Using text, graphics, and buttons, cards allow you to create engaging and meaningful experiences for your users. They can contain formatted text, media, controls (like drop-down boxes and radio buttons), and buttons that trigger card actions. These card actions can open links, initiate authentication flows, or send messages to conversations. For more information about integrating cards in your app, check out the developer documentation for <a href=\"https:\/\/docs.microsoft.com\/en-us\/microsoftteams\/platform\/task-modules-and-cards\/cards\/design-effective-cards\">designing effective cards<\/a> in Microsoft Teams.<\/p>\n<p>Adaptive cards are the recommended card type for new application development in Microsoft Teams. They\u2019re an open card exchange format that enable the exchange of UI content in a common and consistent way across multiple applications such as Teams, Outlook, Bot Framework, etc. You can customize your card layouts and content as a simple JSON object which gets rendered natively by host applications \u2013 like Teams. This keeps your app consistent with the look and feel of Teams. Check out some of the new features rolling out with the 1.2 release:<\/p>\n<p><strong>Visibility toggles <\/strong><\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2020\/02\/adaptive-cards-gif.gif\"><img decoding=\"async\" class=\"aligncenter wp-image-4116 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2020\/02\/adaptive-cards-gif.gif\" alt=\"\" width=\"480\" height=\"306\" \/><\/a><\/p>\n<p><strong>Rich text blocks<\/strong><\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2020\/02\/Rich-text.bmp\"><img decoding=\"async\" class=\"wp-image-4118 aligncenter\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2020\/02\/Rich-text.bmp\" alt=\"\" width=\"479\" height=\"288\" \/><\/a><\/p>\n<p><strong>Inline text buttons<\/strong><\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2020\/02\/Inline.bmp\"><img decoding=\"async\" class=\"aligncenter wp-image-4117\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2020\/02\/Inline.bmp\" alt=\"\" width=\"480\" height=\"219\" \/><\/a><\/p>\n<p><strong>Learn More<\/strong><\/p>\n<p>For general information about Adaptive Cards, see <a href=\"https:\/\/docs.microsoft.com\/en-us\/adaptive-cards\">Adaptive Cards Overview<\/a> and check out the 1.2 <a href=\"https:\/\/adaptivecards.io\/blog\/2019\/Announcing-1.2\/\">release announcement<\/a> from the Adaptive Cards team. Feel free to <a href=\"mailto:microsoftteamsdev@microsoft.com\">reach out to us<\/a> with any questions related to cards development on Microsoft Teams.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adaptive Cards 1.2 are GA in Microsoft Teams on desktop and mobile! Check out highly requested features such as RichText, visibility toggles, and more!<\/p>\n","protected":false},"author":69086,"featured_media":25159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8,128],"tags":[],"class_list":["post-4104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adaptive-cards","category-microsoft-teams"],"acf":[],"blog_post_summary":"<p>Adaptive Cards 1.2 are GA in Microsoft Teams on desktop and mobile! Check out highly requested features such as RichText, visibility toggles, and more!<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/4104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69086"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=4104"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/4104\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/25159"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=4104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=4104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=4104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}