{"id":61415,"date":"2021-04-01T13:19:12","date_gmt":"2021-04-01T21:19:12","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/devops\/?p=61415"},"modified":"2021-04-01T13:19:12","modified_gmt":"2021-04-01T21:19:12","slug":"delivery-plans-2-0-we-got-style","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/devops\/delivery-plans-2-0-we-got-style\/","title":{"rendered":"Delivery Plans 2.0 &#8211; We got Style!"},"content":{"rendered":"<p>We are excited to announce that Card Styling is now available for Delivery Plans 2.0! Styling a card helps bring attention to it quickly so it\u2019s a nice way to help with visualization.<\/p>\n<p><strong>Card Styling <\/strong><\/p>\n<p>\nCards can now be styled using rules, similar to the Kanban boards. Open the plan settings and click on <strong>\u201cStyles\u201d<\/strong>. In the Styles pane click on <strong>\u201c + Add styling rule\u201d<\/strong> to add the rule and then click <strong>\u201cSave\u201d<\/strong>. \nThere can be up to 10 rules and each rule can have up to 5 clauses.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStyleSettings.jpg\"><img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStyleSettings-300x203.jpg\" alt=\"Image CardStyleSettings\" width=\"300\" height=\"203\" class=\"size-medium wp-image-61416\" srcset=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStyleSettings-300x203.jpg 300w, https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStyleSettings-1024x694.jpg 1024w, https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStyleSettings-768x521.jpg 768w, https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStyleSettings.jpg 1451w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Here is an example that shows the before and after views of a Delivery Plan with a card styling rule that highlights architecture work.<\/p>\n<p><em>Before\u2026 <\/em>which work items are architecture work?<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardNoStylePlan-scaled.jpg\"><img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardNoStylePlan-300x164.jpg\" alt=\"Image CardNoStylePlan\" width=\"300\" height=\"164\" class=\"size-medium wp-image-61418\" srcset=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardNoStylePlan-300x164.jpg 300w, https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardNoStylePlan-1024x559.jpg 1024w, https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardNoStylePlan-768x419.jpg 768w, https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardNoStylePlan-1536x839.jpg 1536w, https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardNoStylePlan-2048x1119.jpg 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><em>After\u2026<\/em> much nicer! I can see the architecture work items!<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStylePlan-scaled.jpg\"><img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStylePlan-300x160.jpg\" alt=\"Image CardStylePlan\" width=\"300\" height=\"160\" class=\"size-medium wp-image-61417\" srcset=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStylePlan-300x160.jpg 300w, https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStylePlan-1024x547.jpg 1024w, https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStylePlan-768x410.jpg 768w, https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStylePlan-1536x820.jpg 1536w, https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2021\/04\/CardStylePlan-2048x1093.jpg 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><strong>Clarifications<\/strong><\/p>\n<p>Based on feedback we\u2019ve been receiving I want to provide clarification on some common activities<\/p>\n<ul>\n<li>To toggle the display of dependency lines, click on the bottom of the card.<\/li>\n<li>If a work item on the delivery plan isn\u2019t showing, check that the start and target dates fields or the iteration path have been filled out.<\/li>\n<\/ul>\n<p><strong>What\u2019s next?<\/strong><\/p>\n<p>Delivery Plans 2.0 is on track for general availability(GA) at the end of April. New features will be picked up after GA.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Card styling is now available in Delivery Plans 2.0<\/p>\n","protected":false},"author":48836,"featured_media":61417,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[227,1],"tags":[],"class_list":["post-61415","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-agile","category-devops"],"acf":[],"blog_post_summary":"<p>Card styling is now available in Delivery Plans 2.0<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/61415","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\/48836"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/comments?post=61415"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/61415\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media\/61417"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media?parent=61415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/categories?post=61415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/tags?post=61415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}