Implementation<\/h2>\n\n\n\n
From the Field Setting screen, find the “Basic Field Attributes” dropdown and select “Color Ranges”.<\/p>\n\n\n\n Any numeric field\/calculation will have the color range option available. Click ‘Lookup\/Create’ to select an existing color range or create a new one.<\/p>\n\n\n\n If wanting to leave the color coding to a single range, click Save. However, if wanting to have multiple ranges within the one color coding group, click “Add Range”. Continue until the desired color ranges have been created.<\/p>\n\n\n\n Find desired color range and click the green ‘Select’ arrow to assign this color range to a given field.<\/p>\n\n\n\n Once a color range is selected, the color range ID value will be assigned to the field. To reuse this color range on other fields, simply use the same color range ID.<\/p>\n\n\n\n Select if the styling should be applied to the column or the entire row.<\/p>\n\n\n\n Select if the styling should be applied to the detail level, subtotal levels, the grand total level or all levels.<\/p>\n\n\n\n Overview Conditional color coding has been available as an m-Painter feature for many years. Now, developers are able to add color ranges pre-compile which means the styling will still be present after an HTML override. Additionally, once a color range has been saved, it can be reused on other fields…<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[250],"ht-kb-tag":[],"class_list":["post-14123","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-report"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/14123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/comments?post=14123"}],"version-history":[{"count":1,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/14123\/revisions"}],"predecessor-version":[{"id":14128,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/14123\/revisions\/14128"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/media?parent=14123"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=14123"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=14123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"\/](\"\/docs\/vue-images\/fieldSettingsColorRange.png\")
<\/a><\/figure>\n\n\n\nCreate New Color Range<\/h2>\n\n\n\n
![\"\"\/](\"\/docs\/vue-images\/newColorRange1.png\")
<\/a><\/figure>\n\n\n\n\n
![\"\"\/](\"\/docs\/vue-images\/newColorRange.png\")
<\/a><\/figure>\n\n\n\nUsing a Color Range<\/h2>\n\n\n\n
![\"\"\/](\"\/docs\/vue-images\/colorRangeListing.png\")
<\/a><\/figure>\n\n\n\n![\"\"\/](\"\/docs\/vue-images\/selectedColorRange.png\")
<\/a><\/figure>\n\n\n\nColor Range Row\/Column<\/h3>\n\n\n\n
Color Range Levels<\/h3>\n\n\n\n
Runtime Example<\/h2>\n\n\n\n
![\"\"\/](\"\/docs\/vue-images\/colorRangeRuntime.png\")
<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"