{"id":7589,"date":"2022-03-31T05:23:20","date_gmt":"2022-03-31T05:23:20","guid":{"rendered":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/?post_type=article&#038;p=7589"},"modified":"2025-09-12T18:53:30","modified_gmt":"2025-09-12T13:23:30","slug":"how-to-apply-cardcolorscheme-on-execution-board","status":"publish","type":"article","link":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/how-to-apply-cardcolorscheme-on-execution-board\/","title":{"rendered":"How to Apply Card Color Scheme on Work Hub"},"content":{"rendered":"<p>Start with the video first to get a better grasp of the topic!<br \/>\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/801483139?h=a605831a7b&amp;title=0&amp;byline=0&amp;portrait=0\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<table style=\"line-height: 10px; height: 77px; width: 99.2704%; border-collapse: collapse; background-color: #f7f7f7;\">\n<tbody>\n<tr style=\"height: 108px;\">\n<td style=\"width: 100%; height: 77px;\">\n<p style=\"text-align: left;\"><strong>Skip Ahead to:<\/strong><\/p>\n<p style=\"line-height: 10px; text-align: left;\"><a href=\"#Overview\">Overview<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"#Navigation\">Navigation<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"#CardColorScheme\">Steps to Apply Card Color Scheme<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Overview<\/h2>\n<p>Use the Card Color Scheme feature to highlight cards based on the selected attribute\u2019s values. The Card Color Scheme highlights the cards in the Work Hub with unique colors and helps you focus your attention on those cards matching the selection criteria. It also helps you analyze how many cards in the selection area are on the board.<\/p>\n<p>You can highlight cards based on common attributes like Card Type, ToDo Owner, and so on, or even based on attributes that are specific to a particular card type like User Story, Defects, and so on.<\/p>\n<p>Moreover, any Card Color Scheme applied on the board persists across the sessions till you reset it or clear your browser cache. Once applied, the\u00a0<b>Card Color Scheme<\/b> icon is prominently placed beside the <b>More Options<\/b>\u00a0icon.<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/More-options.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-21200\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/More-options.png\" alt=\"More options\" width=\"2388\" height=\"744\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/More-options.png 2388w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/More-options-300x93.png 300w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/More-options-1024x319.png 1024w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/More-options-768x239.png 768w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/More-options-1536x479.png 1536w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/More-options-2048x638.png 2048w\" sizes=\"(max-width: 2388px) 100vw, 2388px\" \/><\/a><\/p>\n<h2><a id=\"Navigation\"><\/a>Navigation<\/h2>\n<p><a id=\"CardColorScheme\"><\/a>Navigate to the breadcrumb at the top and hover over the Project name, expand the\u00a0<strong>Execute<\/strong>\u00a0module, and select\u00a0<b>Work Hub.<\/b><\/p>\n<h2>Steps to Apply Card Color Scheme<\/h2>\n<p>To apply the Card Color Scheme, perform the following steps:<\/p>\n<ol class=\"whs34\" type=\"1\">\n<li class=\"p\">Click the\u00a0<b>Card Color Scheme <\/b>icon from the\u00a0<b>More Options<\/b>\u00a0menu. The Card Color Scheme panel is displayed.<\/li>\n<li class=\"p\">The left pane will display the following attributes:\n<ol class=\"whs38\" type=\"a\">\n<li class=\"p\">\n<p class=\"whs2\" align=\"left\"><b>Common Fields<\/b>: Attributes that are common across all card types. By default, the Common Fields section is expanded. Clicking the section header will collapse it.<\/p>\n<\/li>\n<li class=\"p\">\n<p class=\"whs2\" align=\"left\"><b>Custom Fields<\/b>: Attributes that are specific to a particular card type. Custom fields are grouped under the Card Type name. By default, the section will be collapsed, clicking the section header will expand it.<b><\/b><\/p>\n<\/li>\n<\/ol>\n<\/li>\n<li class=\"p\" value=\"3\">\n<p class=\"whs2\" align=\"left\">Click any of the attributes to view their corresponding values on the right pane of the Card Color Scheme. By default, all the attribute values in the Card Color Scheme are pre-filled with a unique color. For example, clicking the Module attribute (as shown in the image below) shows the various values of the Module with each of them having a unique color. Moreover, the attribute you select is also highlighted. In this example, the Module is highlighted.<\/p>\n<\/li>\n<li class=\"p\">\n<p class=\"whs2\" align=\"left\">Select the check box of the attribute values for which you want to apply the Card Color Scheme on the board.<b><br \/>\nNote<\/b>: You can select only one card attribute at a time.<\/p>\n<\/li>\n<li class=\"p\">\n<p class=\"whs2\" align=\"left\">By default, all the attribute values in the Card Color Scheme are pre-filled with a unique color. You can change them by clicking the color box and then selecting a color from the color palette. The selected color for that attribute value is also ticked in the color palette.<br \/>\n<a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Color_Palette.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-9833 aligncenter\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Color_Palette.jpg\" alt=\"\" width=\"302\" height=\"313\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Color_Palette.jpg 302w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/Color_Palette-289x300.jpg 289w\" sizes=\"(max-width: 302px) 100vw, 302px\" \/><\/a><\/p>\n<p><strong>Note:<\/strong> You can\u2019t change the color of the values of the Card Type attribute from the Card Color Scheme because their colors are set in the Forms screen.<\/li>\n<li class=\"p\">\n<p class=\"whs2\" align=\"left\">To apply the selected Card Color Scheme criteria on the board, click <b>Apply<\/b>. \u00a0All the cards matching the criteria are highlighted with the chosen color on the board.<b><br \/>\nNote<\/b>: When applied, the Card Color Scheme color will replace the color of the card typeset in the Forms screen. The background of the highlighted cards will have a lighter shade of the Card Color Scheme color, and the border under those cards will have a darker shade.<b><\/b><\/p>\n<\/li>\n<li class=\"p\">\n<p class=\"whs2\" align=\"left\">Once the Card Color Scheme is applied to the board, its icon is displayed by the side of the <b>More Options<\/b>\u00a0icon. Clicking it opens the Card Color Scheme panel and shows both the attribute and values currently applied with a tick mark.<\/p>\n<\/li>\n<li class=\"p\">You can clear the Card Color Scheme criteria by clicking the\u00a0<b>Clear<\/b>\u00a0button and then clicking the\u00a0<b>Apply<\/b> button. All the Card Color Scheme colors applied to the Board will be removed.<\/li>\n<li class=\"p\">To remove the highlight or roll back to the original colors, click the <strong>Reset<\/strong> button.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/CardColorSchemePanel.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-13939 size-full alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/CardColorSchemePanel.jpg\" alt=\"\" width=\"373\" height=\"517\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/CardColorSchemePanel.jpg 373w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/03\/CardColorSchemePanel-216x300.jpg 216w\" sizes=\"(max-width: 373px) 100vw, 373px\" \/><\/a><\/p>\n<p><b><a id=\"VideoReference\"><\/a>Note<\/b>: The color-picker doesn\u2019t work for Card types as their colors are set at the admin level. You can change the attribute, by directly clicking another attribute and its value.<\/p>\n<div class=\"helpful-block-content wth-theme-thumbs\" data-title=\"\" >\n<ul>\n<li><span class=\"wth-title\">Was this helpful?<\/span><\/li>\n<li><a data-post=\"7589\" data-post-url=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/how-to-apply-cardcolorscheme-on-execution-board\/\" data-post-title=\"How to Apply Card Color Scheme on Work Hub\" data-response=\"1\" href=\"#\" class=\"wth-green-btn icon-thumbsup\">Yes<\/a>&nbsp; &nbsp;<a data-response=\"0\" data-post=\"7589\" data-post-url=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/how-to-apply-cardcolorscheme-on-execution-board\/\" data-post-title=\"How to Apply Card Color Scheme on Work Hub\" href=\"#\" class=\"wth-red-btn icon-thumbsdown\">No<\/a><\/li>\n<\/ul>\n<\/div>","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","multi-rating":{"mr_rating_results":[]},"_links":{"self":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/7589"}],"collection":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/comments?post=7589"}],"version-history":[{"count":27,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/7589\/revisions"}],"predecessor-version":[{"id":22068,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/7589\/revisions\/22068"}],"wp:attachment":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/media?parent=7589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}