{"id":4190,"date":"2022-01-20T15:35:12","date_gmt":"2022-01-20T14:35:12","guid":{"rendered":"https:\/\/help.r2docuo.com\/knowledge-base\/choose-the-color-of-the-documents\/"},"modified":"2022-04-19T14:05:42","modified_gmt":"2022-04-19T12:05:42","slug":"choose-the-color-of-the-documents","status":"publish","type":"ht_kb","link":"https:\/\/help.r2docuo.com\/en\/knowledge-base\/choose-the-color-of-the-documents\/","title":{"rendered":"Choose the color of the documents"},"content":{"rendered":"<p>In Docuo, documents in result lists and on the Kanban board can be displayed with a background color. By default, documents have no color and appear on a white background.<\/p>\n<p>However, in categories with a process, it is possible to define the <strong>color of the documents based on each status<\/strong> . To do this, in the category wizard (Process step), right-click on a status and select the &#8220;Color&#8221; option:<\/p>\n<p style=\"padding-left: 40px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4411 size-full\" src=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color1_eng-1.png\" alt=\"\" width=\"545\" height=\"462\" srcset=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color1_eng-1.png 545w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color1_eng-1-50x42.png 50w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color1_eng-1-60x51.png 60w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color1_eng-1-100x85.png 100w\" sizes=\"auto, (max-width: 545px) 100vw, 545px\" \/><\/p>\n<p>A window will appear where it is possible to choose the desired color for the documents that are in that state:<\/p>\n<p style=\"padding-left: 160px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4413 size-full\" src=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/DocuoColors.png\" alt=\"\" width=\"450\" height=\"353\" srcset=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/DocuoColors.png 450w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/DocuoColors-50x39.png 50w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/DocuoColors-60x47.png 60w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/DocuoColors-100x78.png 100w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/p>\n<p>Once the color of each status has been set, in the results list and on the Kanban board the documents will have the background color that corresponds to the process step they are in.<\/p>\n<p>Additionally, in <strong>Docuo Business<\/strong> and <strong>Docuo<\/strong> <strong>Enterprise<\/strong> it is possible to define the color of the documents in alternative ways. From the Fields step of the Category Wizard, by editing the Properties &#8211; Color field we can select one of the following options:<\/p>\n<p style=\"padding-left: 80px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4426 size-full\" src=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color3_eng.png\" alt=\"\" width=\"994\" height=\"697\" srcset=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color3_eng.png 994w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color3_eng-600x421.png 600w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color3_eng-768x539.png 768w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color3_eng-50x35.png 50w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color3_eng-60x42.png 60w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color3_eng-100x70.png 100w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/><\/p>\n<ul>\n<li><strong>Depending on the process<\/strong>. This is the default option that is available in all Docuo editions.<\/li>\n<li><strong>User Specified<\/strong>\u00a0allows users to freely choose the color of each document.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">To do so, you can use the right mouse button on a document in the <strong>results list or Kanban board<\/strong> by selecting the &#8220;Set color&#8221; option:<\/p>\n<p style=\"padding-left: 80px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4432 size-full\" src=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color4_eng.png\" alt=\"\" width=\"970\" height=\"825\" srcset=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color4_eng.png 970w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color4_eng-600x510.png 600w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color4_eng-768x653.png 768w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color4_eng-50x43.png 50w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color4_eng-60x51.png 60w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color4_eng-100x85.png 100w\" sizes=\"auto, (max-width: 970px) 100vw, 970px\" \/><\/p>\n<p style=\"padding-left: 40px;\">Or from the <strong>details window by<\/strong> clicking directly on the color box:<\/p>\n<p style=\"padding-left: 80px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4434 size-full\" src=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color5_eng.png\" alt=\"\" width=\"998\" height=\"272\" srcset=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color5_eng.png 998w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color5_eng-600x164.png 600w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color5_eng-768x209.png 768w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color5_eng-50x14.png 50w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color5_eng-60x16.png 60w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color5_eng-100x27.png 100w\" sizes=\"auto, (max-width: 998px) 100vw, 998px\" \/><\/p>\n<p style=\"padding-left: 40px;\">In both cases, the color selection window will appear from a palette with the default Docuo colors:<\/p>\n<p style=\"padding-left: 80px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4436 size-full\" src=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color6_eng.png\" alt=\"\" width=\"210\" height=\"243\" srcset=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color6_eng.png 210w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color6_eng-43x50.png 43w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color6_eng-52x60.png 52w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color6_eng-86x100.png 86w\" sizes=\"auto, (max-width: 210px) 100vw, 210px\" \/><\/p>\n<ul>\n<li><strong>Calculated by formula<\/strong>. Specifying a JavaScript formula based on the document&#8217;s metadata. The result of the formula should be a text string <strong>with the color in hexadecimal format<\/strong>. To help select this color, in the same formula editing window, clicking the &#8220;Color Palette&#8221; button, will display the color selection window. By pressing OK the text string with the color code will be added to the formula automatically:<\/li>\n<\/ul>\n<p style=\"padding-left: 80px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4440 size-full\" src=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color7_eng-1.png\" alt=\"\" width=\"626\" height=\"202\" srcset=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color7_eng-1.png 626w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color7_eng-1-600x194.png 600w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color7_eng-1-50x16.png 50w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color7_eng-1-60x19.png 60w, https:\/\/help.r2docuo.com\/wp-content\/uploads\/2022\/01\/Color7_eng-1-100x32.png 100w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/p>\n<p>In this formula, the <strong>Document.stateColor()<\/strong> function can be used, which returns the color corresponding to the process state. In this way, you can use the default color of the process and configure &#8220;exceptions&#8221; for some specific cases.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Docuo, documents in result lists and on the Kanban board can be displayed with a background color. By default, documents have no color and appear on a white background. However, in categories with a process, it is possible to define the color of the documents based on each status&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"content-type":"","footnotes":""},"ht-kb-category":[56],"ht-kb-tag":[],"class_list":["post-4190","ht_kb","type-ht_kb","status-publish","format-standard","has-post-thumbnail","hentry","ht_kb_category-users"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Choose the color of the documents - R2 Docuo | Help center<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Choose the color of the documents - R2 Docuo | Help center\" \/>\n<meta property=\"og:description\" content=\"In Docuo, documents in result lists and on the Kanban board can be displayed with a background color. By default, documents have no color and appear on a white background. However, in categories with a process, it is possible to define the color of the documents based on each status...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.r2docuo.com\/en\/knowledge-base\/choose-the-color-of-the-documents\/\" \/>\n<meta property=\"og:site_name\" content=\"R2 Docuo | Help center\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-19T12:05:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2021\/03\/Post-type-Guias-de-usuario.png\" \/>\n\t<meta property=\"og:image:width\" content=\"845\" \/>\n\t<meta property=\"og:image:height\" content=\"564\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@R2Docuo\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/en\\\/knowledge-base\\\/choose-the-color-of-the-documents\\\/\",\"url\":\"https:\\\/\\\/help.r2docuo.com\\\/en\\\/knowledge-base\\\/choose-the-color-of-the-documents\\\/\",\"name\":\"Choose the color of the documents - R2 Docuo | Help center\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/en\\\/knowledge-base\\\/choose-the-color-of-the-documents\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/en\\\/knowledge-base\\\/choose-the-color-of-the-documents\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/help.r2docuo.com\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/Post-type-Guias-de-usuario.png\",\"datePublished\":\"2022-01-20T14:35:12+00:00\",\"dateModified\":\"2022-04-19T12:05:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/en\\\/knowledge-base\\\/choose-the-color-of-the-documents\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/help.r2docuo.com\\\/en\\\/knowledge-base\\\/choose-the-color-of-the-documents\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/en\\\/knowledge-base\\\/choose-the-color-of-the-documents\\\/#primaryimage\",\"url\":\"https:\\\/\\\/help.r2docuo.com\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/Post-type-Guias-de-usuario.png\",\"contentUrl\":\"https:\\\/\\\/help.r2docuo.com\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/Post-type-Guias-de-usuario.png\",\"width\":845,\"height\":564},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/en\\\/knowledge-base\\\/choose-the-color-of-the-documents\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/help.r2docuo.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Choose the color of the documents\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/#website\",\"url\":\"https:\\\/\\\/help.r2docuo.com\\\/\",\"name\":\"R2 Docuo | Help center\",\"description\":\"Todos los recursos para usuarios, administradores y desarrolladores de de R2 Docuo a tu alcance\",\"publisher\":{\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/help.r2docuo.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/#organization\",\"name\":\"R2 Docuo | Help center\",\"url\":\"https:\\\/\\\/help.r2docuo.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/help.r2docuo.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/ILUDEST_CENTRODEAYUDA.png\",\"contentUrl\":\"https:\\\/\\\/help.r2docuo.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/ILUDEST_CENTRODEAYUDA.png\",\"width\":1200,\"height\":630,\"caption\":\"R2 Docuo | Help center\"},\"image\":{\"@id\":\"https:\\\/\\\/help.r2docuo.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/R2Docuo\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/r2docuo\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Choose the color of the documents - R2 Docuo | Help center","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Choose the color of the documents - R2 Docuo | Help center","og_description":"In Docuo, documents in result lists and on the Kanban board can be displayed with a background color. By default, documents have no color and appear on a white background. However, in categories with a process, it is possible to define the color of the documents based on each status...","og_url":"https:\/\/help.r2docuo.com\/en\/knowledge-base\/choose-the-color-of-the-documents\/","og_site_name":"R2 Docuo | Help center","article_modified_time":"2022-04-19T12:05:42+00:00","og_image":[{"width":845,"height":564,"url":"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2021\/03\/Post-type-Guias-de-usuario.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@R2Docuo","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/help.r2docuo.com\/en\/knowledge-base\/choose-the-color-of-the-documents\/","url":"https:\/\/help.r2docuo.com\/en\/knowledge-base\/choose-the-color-of-the-documents\/","name":"Choose the color of the documents - R2 Docuo | Help center","isPartOf":{"@id":"https:\/\/help.r2docuo.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/help.r2docuo.com\/en\/knowledge-base\/choose-the-color-of-the-documents\/#primaryimage"},"image":{"@id":"https:\/\/help.r2docuo.com\/en\/knowledge-base\/choose-the-color-of-the-documents\/#primaryimage"},"thumbnailUrl":"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2021\/03\/Post-type-Guias-de-usuario.png","datePublished":"2022-01-20T14:35:12+00:00","dateModified":"2022-04-19T12:05:42+00:00","breadcrumb":{"@id":"https:\/\/help.r2docuo.com\/en\/knowledge-base\/choose-the-color-of-the-documents\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.r2docuo.com\/en\/knowledge-base\/choose-the-color-of-the-documents\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/help.r2docuo.com\/en\/knowledge-base\/choose-the-color-of-the-documents\/#primaryimage","url":"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2021\/03\/Post-type-Guias-de-usuario.png","contentUrl":"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2021\/03\/Post-type-Guias-de-usuario.png","width":845,"height":564},{"@type":"BreadcrumbList","@id":"https:\/\/help.r2docuo.com\/en\/knowledge-base\/choose-the-color-of-the-documents\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/help.r2docuo.com\/"},{"@type":"ListItem","position":2,"name":"Choose the color of the documents"}]},{"@type":"WebSite","@id":"https:\/\/help.r2docuo.com\/#website","url":"https:\/\/help.r2docuo.com\/","name":"R2 Docuo | Help center","description":"Todos los recursos para usuarios, administradores y desarrolladores de de R2 Docuo a tu alcance","publisher":{"@id":"https:\/\/help.r2docuo.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.r2docuo.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/help.r2docuo.com\/#organization","name":"R2 Docuo | Help center","url":"https:\/\/help.r2docuo.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/help.r2docuo.com\/#\/schema\/logo\/image\/","url":"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2023\/06\/ILUDEST_CENTRODEAYUDA.png","contentUrl":"https:\/\/help.r2docuo.com\/wp-content\/uploads\/2023\/06\/ILUDEST_CENTRODEAYUDA.png","width":1200,"height":630,"caption":"R2 Docuo | Help center"},"image":{"@id":"https:\/\/help.r2docuo.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/R2Docuo","https:\/\/www.linkedin.com\/company\/r2docuo"]}]}},"_links":{"self":[{"href":"https:\/\/help.r2docuo.com\/en\/wp-json\/wp\/v2\/ht-kb\/4190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.r2docuo.com\/en\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/help.r2docuo.com\/en\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/help.r2docuo.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.r2docuo.com\/en\/wp-json\/wp\/v2\/comments?post=4190"}],"version-history":[{"count":0,"href":"https:\/\/help.r2docuo.com\/en\/wp-json\/wp\/v2\/ht-kb\/4190\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/help.r2docuo.com\/en\/wp-json\/wp\/v2\/media\/4053"}],"wp:attachment":[{"href":"https:\/\/help.r2docuo.com\/en\/wp-json\/wp\/v2\/media?parent=4190"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/help.r2docuo.com\/en\/wp-json\/wp\/v2\/ht-kb-category?post=4190"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/help.r2docuo.com\/en\/wp-json\/wp\/v2\/ht-kb-tag?post=4190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}