{"id":2283,"date":"2017-08-29T10:01:43","date_gmt":"2017-08-29T09:01:43","guid":{"rendered":"https:\/\/www.threesl.com\/blog\/?p=2283"},"modified":"2022-08-23T15:36:23","modified_gmt":"2022-08-23T14:36:23","slug":"colour-code-categories-frames","status":"publish","type":"post","link":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/","title":{"rendered":"How to Colour Code Categories and Frames?"},"content":{"rendered":"<h2>Did you know you can Colour Code your Frames to match the Priority you have set in Categories?<\/h2>\n<p>To enable this <em>colour code<\/em> you will need to navigate to <strong>Project Setup<\/strong>, inside here go to Item <em>Definitions &#8211; Categories<\/em>. For my example I have used <em>Req Priority<\/em>, in my <em>Category Values<\/em> I have :<\/p>\n<ul>\n<li>URGENT &#8211; Red<\/li>\n<li>MEDIUM &#8211; Orange<\/li>\n<li>LOWEST &#8211; Yellow<\/li>\n<li>TBD &#8211; Blue<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_2311\" aria-describedby=\"caption-attachment-2311\" style=\"width: 639px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2311 size-full\" src=\"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/ColourPickList.png\" alt=\"Project Schema category colour code setup dialog.\" width=\"639\" height=\"427\" srcset=\"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/ColourPickList.png 639w, https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/ColourPickList-300x200.png 300w\" sizes=\"auto, (max-width: 639px) 100vw, 639px\" \/><figcaption id=\"caption-attachment-2311\" class=\"wp-caption-text\">Single Value Category Setup<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>Ensure you have assigned this <em>Category<\/em> to a <em>Frame<\/em> in an<em> Item Type<\/em>. For my example I have put mine into<em> Item Type &#8211; Requirements<\/em> and the <em>Frame<\/em> is <em>TEXT<\/em><\/p>\n<div style=\"width: 525px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-2283-1\" width=\"525\" height=\"477\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/Untitled.mp4?_=1\" \/><a href=\"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/Untitled.mp4\">https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/Untitled.mp4<\/a><\/video><\/div>\n<p>As you can see in my example, whenever I change my <em>Req Priority<\/em> the text colour changes in &#8220;<em>Detailed Description<\/em>&#8221; Frame.<\/p>\n<p>For further information regarding <em>Frames<\/em> click <a href=\"https:\/\/www.threesl.com\/cradle\/help\/7.3\/Project Setup\/Other\/prj_setup_itemdefs_frames.htm\">here<\/a><\/p>\n<h5>Article updated 05\/12\/2018 &#8211; Changed to be a FAQ<\/h5>\n<aside class=\"mashsb-container mashsb-main mashsb-stretched\"><div class=\"mashsb-box\"><div class=\"mashsb-buttons\"><a class=\"mashicon-twitter mash-small mash-center mashsb-noshadow\" href=\"https:\/\/twitter.com\/intent\/tweet?text=&amp;url=https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/&amp;via=threesl\" target=\"_top\" rel=\"nofollow\"><span class=\"icon\"><\/span><span class=\"text\">Tweet<\/span><\/a><a class=\"mashicon-facebook mash-small mash-center mashsb-noshadow\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https%3A%2F%2Fwww.threesl.com%2Fblog%2Fcolour-code-categories-frames%2F\" target=\"_top\" rel=\"nofollow\"><span class=\"icon\"><\/span><span class=\"text\">Share<\/span><\/a><a class=\"mashicon-subscribe mash-small mash-center mashsb-noshadow\" href=\"#\" target=\"_top\" rel=\"nofollow\"><span class=\"icon\"><\/span><span class=\"text\">Newsletter<\/span><\/a><div class=\"onoffswitch2 mash-small mashsb-noshadow\" style=\"display:none\"><\/div><\/div>\n            <\/div>\n                <div style=\"clear:both\"><\/div><\/aside>\n            <!-- Share buttons by mashshare.net - Version: 4.0.47-->","protected":false},"excerpt":{"rendered":"<p>Did you know you can Colour Code your Frames to match the Priority you have set in Categories? To enable this colour code you will need to navigate to Project Setup, inside here go to Item Definitions &#8211; Categories. For my example I have used Req Priority, in my Category Values I have : URGENT &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Colour Code Categories and Frames?&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"no","footnotes":""},"categories":[79],"tags":[51,330],"class_list":["post-2283","post","type-post","status-publish","format-standard","hentry","category-faq","tag-categories","tag-items"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Colour Code Categories and Frames? - 3SL Blog<\/title>\n<meta name=\"description\" content=\"Cradle can colour code text in a frame based on the value set for an associated category. This article shows you how, and a video of it in action.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Colour Code Categories and Frames? - 3SL Blog\" \/>\n<meta property=\"og:description\" content=\"Cradle can colour code text in a frame based on the value set for an associated category. This article shows you how, and a video of it in action.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/\" \/>\n<meta property=\"og:site_name\" content=\"3SL Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/3SLCradle\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-29T09:01:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-23T14:36:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/ColourPickList.png\" \/>\n<meta name=\"author\" content=\"3SL\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@threesl\" \/>\n<meta name=\"twitter:site\" content=\"@threesl\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"3SL\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/\"},\"author\":{\"name\":\"3SL\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#\\\/schema\\\/person\\\/749ccd9b2d74303fa8927e06c2af8b0b\"},\"headline\":\"How to Colour Code Categories and Frames?\",\"datePublished\":\"2017-08-29T09:01:43+00:00\",\"dateModified\":\"2022-08-23T14:36:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/\"},\"wordCount\":165,\"publisher\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/ColourPickList.png\",\"keywords\":[\"categories\",\"items\"],\"articleSection\":[\"FAQ\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/\",\"url\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/\",\"name\":\"How to Colour Code Categories and Frames? - 3SL Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/ColourPickList.png\",\"datePublished\":\"2017-08-29T09:01:43+00:00\",\"dateModified\":\"2022-08-23T14:36:23+00:00\",\"description\":\"Cradle can colour code text in a frame based on the value set for an associated category. This article shows you how, and a video of it in action.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/ColourPickList.png\",\"contentUrl\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/ColourPickList.png\",\"width\":639,\"height\":427},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/colour-code-categories-frames\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Colour Code Categories and Frames?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/\",\"name\":\"3SL Blog\",\"description\":\"From concept to creation\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#organization\",\"name\":\"3SL\",\"url\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/3SL_Logo_Medium.png\",\"contentUrl\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/3SL_Logo_Medium.png\",\"width\":152,\"height\":80,\"caption\":\"3SL\"},\"image\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"http:\\\/\\\/facebook.com\\\/3SLCradle\",\"https:\\\/\\\/x.com\\\/threesl\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#\\\/schema\\\/person\\\/749ccd9b2d74303fa8927e06c2af8b0b\",\"name\":\"3SL\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g\",\"caption\":\"3SL\"},\"sameAs\":[\"http:\\\/\\\/www.threesl.com\\\/\",\"https:\\\/\\\/x.com\\\/threesl\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Colour Code Categories and Frames? - 3SL Blog","description":"Cradle can colour code text in a frame based on the value set for an associated category. This article shows you how, and a video of it in action.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/","og_locale":"en_GB","og_type":"article","og_title":"How to Colour Code Categories and Frames? - 3SL Blog","og_description":"Cradle can colour code text in a frame based on the value set for an associated category. This article shows you how, and a video of it in action.","og_url":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/","og_site_name":"3SL Blog","article_publisher":"http:\/\/facebook.com\/3SLCradle","article_published_time":"2017-08-29T09:01:43+00:00","article_modified_time":"2022-08-23T14:36:23+00:00","og_image":[{"url":"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/ColourPickList.png","type":"","width":"","height":""}],"author":"3SL","twitter_card":"summary_large_image","twitter_creator":"@threesl","twitter_site":"@threesl","twitter_misc":{"Written by":"3SL","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/#article","isPartOf":{"@id":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/"},"author":{"name":"3SL","@id":"https:\/\/www.threesl.com\/blog\/#\/schema\/person\/749ccd9b2d74303fa8927e06c2af8b0b"},"headline":"How to Colour Code Categories and Frames?","datePublished":"2017-08-29T09:01:43+00:00","dateModified":"2022-08-23T14:36:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/"},"wordCount":165,"publisher":{"@id":"https:\/\/www.threesl.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/#primaryimage"},"thumbnailUrl":"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/ColourPickList.png","keywords":["categories","items"],"articleSection":["FAQ"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/","url":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/","name":"How to Colour Code Categories and Frames? - 3SL Blog","isPartOf":{"@id":"https:\/\/www.threesl.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/#primaryimage"},"image":{"@id":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/#primaryimage"},"thumbnailUrl":"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/ColourPickList.png","datePublished":"2017-08-29T09:01:43+00:00","dateModified":"2022-08-23T14:36:23+00:00","description":"Cradle can colour code text in a frame based on the value set for an associated category. This article shows you how, and a video of it in action.","breadcrumb":{"@id":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/#primaryimage","url":"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/ColourPickList.png","contentUrl":"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/08\/ColourPickList.png","width":639,"height":427},{"@type":"BreadcrumbList","@id":"https:\/\/www.threesl.com\/blog\/colour-code-categories-frames\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.threesl.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Colour Code Categories and Frames?"}]},{"@type":"WebSite","@id":"https:\/\/www.threesl.com\/blog\/#website","url":"https:\/\/www.threesl.com\/blog\/","name":"3SL Blog","description":"From concept to creation","publisher":{"@id":"https:\/\/www.threesl.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.threesl.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.threesl.com\/blog\/#organization","name":"3SL","url":"https:\/\/www.threesl.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.threesl.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/02\/3SL_Logo_Medium.png","contentUrl":"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/02\/3SL_Logo_Medium.png","width":152,"height":80,"caption":"3SL"},"image":{"@id":"https:\/\/www.threesl.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/3SLCradle","https:\/\/x.com\/threesl"]},{"@type":"Person","@id":"https:\/\/www.threesl.com\/blog\/#\/schema\/person\/749ccd9b2d74303fa8927e06c2af8b0b","name":"3SL","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g","caption":"3SL"},"sameAs":["http:\/\/www.threesl.com\/","https:\/\/x.com\/threesl"]}]}},"modified_by":"Jan Lamb","_links":{"self":[{"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/posts\/2283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/comments?post=2283"}],"version-history":[{"count":11,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/posts\/2283\/revisions"}],"predecessor-version":[{"id":7527,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/posts\/2283\/revisions\/7527"}],"wp:attachment":[{"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/media?parent=2283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/categories?post=2283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/tags?post=2283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}