{"id":987517080,"date":"2024-10-07T22:16:16","date_gmt":"2024-10-07T22:16:16","guid":{"rendered":"https:\/\/workspace.trace.pt\/new-and-improved-widgets-for-google-chat-app-cards\/"},"modified":"2024-10-07T22:16:16","modified_gmt":"2024-10-07T22:16:16","slug":"new-and-improved-widgets-for-google-chat-app-cards","status":"publish","type":"post","link":"https:\/\/workspace.trace.pt\/de\/new-and-improved-widgets-for-google-chat-app-cards\/","title":{"rendered":"New and improved widgets for Google Chat app cards"},"content":{"rendered":"<h3>Was sich \u00e4ndert<\/h3>\n<div>Google Chat app developers have the <a href=\"https:\/\/developers.google.com\/workspace\/chat\/design-interactive-card-dialog\">ability to add widgets and UI elements<\/a> to make their app cards customizable and encourage users to interact with their apps in a variety of ways.\u00a0<\/div>\n<div><\/div>\n<div>Today, we\u2019re excited to announce new and improved widgets for Chat app cards, including:\u00a0<\/div>\n<div>Modern and sleek style <a href=\"https:\/\/developers.google.com\/workspace\/chat\/api\/reference\/rest\/v1\/cards#Message.Type\">buttons<\/a> in line with the <a href=\"https:\/\/m3.material.io\/\">Google Material Design 3.<\/a><\/p>\n<div class=\"separator\"><a href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEghZwqkUs7lOJnqur-9XFumoMV5y3mMHeJjk4patp15GtP4rn_dZxOyLoPQuSQIYk64UI_o0bcCsyLebw8iLxwjeGb7S9ToCkQjqj6nYl5E93oWhpzQhFxRDL3gEeDuqjGIiF3_775OzJoVDah0292EPiLhcGdBckPH_kDMW99kDfnWVUwrRHcLhA3pNko\/s720\/Modern%20and%20sleek%20style%20buttons%20in%20line%20with%20the%20Google%20Material%20Design%203.png\"><\/a><\/div>\n<p>Die <a href=\"https:\/\/developers.google.com\/workspace\/chat\/api\/reference\/rest\/v1\/cards#Message.OverflowMenu\">ChipList<\/a> widget that provides a versatile and visually appealing way to display information. You can use chips to represent tags, categories, or other relevant data, to make it easier for users to navigate and interact with your content.\u00a0<\/p>\n<div>\n<div class=\"separator\"><a href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEg_1CbC-DGEgwyDhof2O_tET7C76AZ6mXRZQiNIe5HaCavDynfjZkk5v1W7UvUb8-3Zeuezu3xCe4yz0DB7Eh5hX3WTnSkq0NwzVOInso7ZzOmF2Rp513kwj0MGpXyD3Xpz0JqMI5xciecuqMkQgtv09dcp6Uv2gr43c5cXbcBJbDZznV6jg56tLK0PW5Y\/s944\/The%20ChipList%20widget%20that%20provides%20a%20versatile%20and%20visually%20appealing%20way%20to%20display%20information.png\"><\/a><\/div>\n<\/div>\n<p>An <a href=\"https:\/\/developers.google.com\/workspace\/chat\/api\/reference\/rest\/v1\/cards#Message.Section_1\">Overflow Menu<\/a> that can be used in Chat cards to offer additional options and actions, without cluttering the card&#8217;s interface to ensure a clean and organized design.\u00a0<\/p>\n<div class=\"separator\"><a href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEj1Lhrg9sWe-OOAxKj2vLMvlym58xnmC2WQfJ2NnmAe_MKQevnEzHogyEiBu67CNWzKNmlWWvClMpQ9JDV0DzGike76Dw856si33rs9r2acJhieCcLjxHSBhkiXz_JSnzXvVNHmXy6C6d8TheEk0fRNy38oD3XscGpuG6uSX3KG6MowIKztas9YIPXmfU4\/s1054\/An%20Overflow%20Menu%20that%20can%20be%20used%20in%20Chat%20cards%20to%20offer%20additional%20options%20and%20actions.png\"><\/a><\/div>\n<p>The option to <a href=\"https:\/\/developers.google.com\/workspace\/chat\/api\/reference\/rest\/v1\/cards#Message.Section_1\">customize the control button<\/a> so that it collapses and expands sections within your Chat cards. You can choose from a range of icons or images to visually represent the section&#8217;s content, making it easier for users to understand and interact with the information.\u00a0<a href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhv_GkG5ysYG8sXur7S59Op_fdWrF3cF63dkloSZEdWZufP-trorE57CmjeHPjmmsNb_pNhDz2VksoUiWQ13vgBwnP5a6nFMmrfj4CoSm23_keHduIv6mRLwCWyaVHcRpUtGSVNrBSwH8EmoRCGTV0NdzeJY78ocpNld0ZT-DrQBYVB-ZIBR0vxFLzPBPc\/s1068\/customize%20the%20control%20button.png\"><\/a><a href=\"https:\/\/developers.google.com\/workspace\/chat\/api\/reference\/rest\/v1\/cards#textparagraph\">Collapsible text paragraphs<\/a> that let users reveal more information on demand. This widget is perfect for presenting lengthy content or additional details that can be explored when selected, creating a dynamic and interactive user experience.\u00a0<\/div>\n<div>\n<div class=\"separator\"><a href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiIYiGDWmChsOEoeZDf0MMqoxL62SSnmLArpdxFyiWvtOT09NoAQFngKBDxd5C13_EDvj7Wtahc_pIfBxSolctZmkDZCCprKBtSO_gsGRb-wjOgiEY_zQ-sLth7odH59cp-zxj2Pvgf8Ddt-W1Q8UwtMGiffEP3u_N49X1CAqnLpWYZv7DK0-TFWn0uUrw\/s1302\/Collapsible%20text%20paragraphs.png\"><\/a><\/div>\n<\/div>\n<h3>Erste Schritte<\/h3>\n<div>Admins: There is no admin control for this feature.\u00a0Developers: Chat apps can use these widgets in card messages, homepages, and dialogs. For examples, see <a href=\"https:\/\/developers.google.com\/workspace\/chat\/design-interactive-card-dialog\">Design an interactive card or dialog<\/a> or try them using the <a href=\"https:\/\/addons.gsuite.google.com\/uikit\/builder\">Card Builder tool.\u00a0<\/a><\/div>\n<div><\/div>\n<h3>Tempo der Einf\u00fchrung\u00a0<\/h3>\n<div><a href=\"https:\/\/support.google.com\/a\/answer\/172177\">Bereiche f\u00fcr schnelle Freigabe und planm\u00e4\u00dfige Freigabe<\/a>: Gradual rollout (up to 15 days for feature visibility) starting on October 7, 2024\u00a0<\/div>\n<div><\/div>\n<h3>Verf\u00fcgbarkeit\u00a0<\/h3>\n<div>Available to all\u00a0Google Workspace customers\u00a0<\/div>\n<div><\/div>\n<h3>Ressourcen<\/h3>\n<div><a href=\"https:\/\/developers.google.com\/workspace\/chat\/design-interactive-card-dialog\">Developer Doc: Add interactive UI elements to cards\u00a0<\/a><a href=\"https:\/\/www.youtube.com\/watch?v=lU6-jtu793k&amp;t=73s\">YouTube: Create and organize Docs with tabs, more card interface features for Google Chat, and more!<\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>What\u2019s changing Google Chat app developers have the ability to add widgets and UI elements to make their app cards customizable and encourage users to interact with their apps in a variety of ways.\u00a0 Today, we\u2019re excited to announce new and improved widgets for Chat app cards, including:\u00a0 Modern and sleek style buttons in line [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-987517080","post","type-post","status-publish","format-standard","hentry","category-noticias"],"acf":[],"_links":{"self":[{"href":"https:\/\/workspace.trace.pt\/de\/wp-json\/wp\/v2\/posts\/987517080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workspace.trace.pt\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/workspace.trace.pt\/de\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/workspace.trace.pt\/de\/wp-json\/wp\/v2\/comments?post=987517080"}],"version-history":[{"count":0,"href":"https:\/\/workspace.trace.pt\/de\/wp-json\/wp\/v2\/posts\/987517080\/revisions"}],"wp:attachment":[{"href":"https:\/\/workspace.trace.pt\/de\/wp-json\/wp\/v2\/media?parent=987517080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/workspace.trace.pt\/de\/wp-json\/wp\/v2\/categories?post=987517080"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/workspace.trace.pt\/de\/wp-json\/wp\/v2\/tags?post=987517080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}