{"id":52734,"date":"2023-10-24T15:48:20","date_gmt":"2023-10-24T13:48:20","guid":{"rendered":"https:\/\/www.myscada.org\/?post_type=docs&#038;p=52734"},"modified":"2023-10-24T15:48:20","modified_gmt":"2023-10-24T13:48:20","password":"","slug":"color-animation","status":"publish","type":"docs","link":"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/","title":{"rendered":"Color animation"},"content":{"rendered":"<p style=\"text-align: justify;\">This animation displays a certain colour when the associated tag is within an acceptable value range. You can enter multiple conditions to achieve multiple colour changes with one animation. The conditions are evaluated from top to bottom; therefore, the bottom condition has a higher priority.<\/p>\n<p style=\"text-align: justify;\">To animate colours based on a discrete (<em>Boolean<\/em>) value, set <strong>Min<\/strong> and <strong>Max<\/strong> to 1. This way, an object will change its colour when the linked tag value is equal to 1 (<em>TRUE<\/em>).<\/p>\n<h3><span style=\"color: #0084c8;\">Example<\/span><\/h3>\n<p style=\"text-align: justify;\">1. Select the object you want to animate and click on the <strong>Color <\/strong>tab in the <strong>Anim <\/strong>section\u00a0in the <em>Properties window<\/em> and then click on the <strong>\u2026<\/strong> button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/myscada.org\/downloads\/manuals_image\/myDESIGNER_NEW\/Screenshot_99.jpg\" alt=\"14.7.1\" width=\"1423\" height=\"390\" \/><\/p>\n<p style=\"text-align: justify;\">2. You will see a new dialog window; click on <strong>Add<\/strong> and fill in the <strong><em>Tag<\/em><\/strong><em>, <strong>Min<\/strong><\/em>, and <strong><em>Max<\/em><\/strong> You can define multiple conditions. If the tag value is <em>0,<\/em> the object will be red; if the value is <em>1,<\/em> it will be black. Click on <strong>OK <\/strong>to confirm.<\/p>\n<p style=\"text-align: justify;\"><span style=\"color: #0084c8;\"><strong><em>Examples of color animations: <\/em><\/strong><\/span>Buttons, Traffic lights, Fans, Valves, Motors<\/p>\n<h3><span style=\"color: #0084c8;\">Specifying the Fill and Stroke<\/span><\/h3>\n<p style=\"text-align: justify;\">For each condition (item in the table), you can specify if the condition applies to fill, stroke, or both.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/myscada.org\/downloads\/manuals_image\/img_14.7.2.jpg\" alt=\"14.7.2\" width=\"280\" height=\"41\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This animation displays a certain colour when the associated tag is within an acceptable value range. You can enter multiple conditions to achieve multiple colour changes with one animation. The conditions are evaluated from top to bottom; therefore, the bottom condition has a higher priority. To animate colours based on a discrete (Boolean) value, set<a class=\"moretag excerpt orangelink\" href=\"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":2555,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[325],"doc_tag":[],"class_list":["post-52734","docs","type-docs","status-publish","hentry","doc_category-mydesigner-v8"],"year_month":"2026-04","word_count":184,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Musilda","author_nicename":"musilda","author_url":"https:\/\/amitomation.cz\/en\/author\/musilda\/"},"doc_category_info":[{"term_name":"AMiTDesigner","term_url":"https:\/\/amitomation.cz\/en\/docs-category\/mydesigner-v8\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Color animation - AMiT Automation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color animation - AMiT Automation\" \/>\n<meta property=\"og:description\" content=\"This animation displays a certain colour when the associated tag is within an acceptable value range. You can enter multiple conditions to achieve multiple colour changes with one animation. The conditions are evaluated from top to bottom; therefore, the bottom condition has a higher priority. To animate colours based on a discrete (Boolean) value, set[...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/\" \/>\n<meta property=\"og:site_name\" content=\"AMiT Automation\" \/>\n<meta property=\"og:image\" content=\"http:\/\/myscada.org\/downloads\/manuals_image\/myDESIGNER_NEW\/Screenshot_99.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\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:\/\/amitomation.cz\/en\/documentation\/color-animation\/\",\"url\":\"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/\",\"name\":\"Color animation - AMiT Automation\",\"isPartOf\":{\"@id\":\"https:\/\/amitomation.cz\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/myscada.org\/downloads\/manuals_image\/myDESIGNER_NEW\/Screenshot_99.jpg\",\"datePublished\":\"2023-10-24T13:48:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/#primaryimage\",\"url\":\"http:\/\/myscada.org\/downloads\/manuals_image\/myDESIGNER_NEW\/Screenshot_99.jpg\",\"contentUrl\":\"http:\/\/myscada.org\/downloads\/manuals_image\/myDESIGNER_NEW\/Screenshot_99.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/amitomation.cz\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentation\",\"item\":\"https:\/\/amitomation.cz\/en\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Color animation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/amitomation.cz\/en\/#website\",\"url\":\"https:\/\/amitomation.cz\/en\/\",\"name\":\"AMiT Automation\",\"description\":\"Czech manufacturer of Control Systems and Industrial Automation Electronics\",\"publisher\":{\"@id\":\"https:\/\/amitomation.cz\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/amitomation.cz\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/amitomation.cz\/en\/#organization\",\"name\":\"AMiT, spol. s r.o.\",\"url\":\"https:\/\/amitomation.cz\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/amitomation.cz\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/amitomation.cz\/wp-content\/uploads\/2017\/07\/amit_automation_100x42.gif\",\"contentUrl\":\"https:\/\/amitomation.cz\/wp-content\/uploads\/2017\/07\/amit_automation_100x42.gif\",\"width\":100,\"height\":42,\"caption\":\"AMiT, spol. s r.o.\"},\"image\":{\"@id\":\"https:\/\/amitomation.cz\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/organization\/10939938\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Color animation - AMiT Automation","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:\/\/amitomation.cz\/en\/documentation\/color-animation\/","og_locale":"en_US","og_type":"article","og_title":"Color animation - AMiT Automation","og_description":"This animation displays a certain colour when the associated tag is within an acceptable value range. You can enter multiple conditions to achieve multiple colour changes with one animation. The conditions are evaluated from top to bottom; therefore, the bottom condition has a higher priority. To animate colours based on a discrete (Boolean) value, set[...]","og_url":"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/","og_site_name":"AMiT Automation","og_image":[{"url":"http:\/\/myscada.org\/downloads\/manuals_image\/myDESIGNER_NEW\/Screenshot_99.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/","url":"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/","name":"Color animation - AMiT Automation","isPartOf":{"@id":"https:\/\/amitomation.cz\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/#primaryimage"},"image":{"@id":"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/#primaryimage"},"thumbnailUrl":"http:\/\/myscada.org\/downloads\/manuals_image\/myDESIGNER_NEW\/Screenshot_99.jpg","datePublished":"2023-10-24T13:48:20+00:00","breadcrumb":{"@id":"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/amitomation.cz\/en\/documentation\/color-animation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/#primaryimage","url":"http:\/\/myscada.org\/downloads\/manuals_image\/myDESIGNER_NEW\/Screenshot_99.jpg","contentUrl":"http:\/\/myscada.org\/downloads\/manuals_image\/myDESIGNER_NEW\/Screenshot_99.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/amitomation.cz\/en\/documentation\/color-animation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/amitomation.cz\/en\/"},{"@type":"ListItem","position":2,"name":"Documentation","item":"https:\/\/amitomation.cz\/en\/documentation\/"},{"@type":"ListItem","position":3,"name":"Color animation"}]},{"@type":"WebSite","@id":"https:\/\/amitomation.cz\/en\/#website","url":"https:\/\/amitomation.cz\/en\/","name":"AMiT Automation","description":"Czech manufacturer of Control Systems and Industrial Automation Electronics","publisher":{"@id":"https:\/\/amitomation.cz\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/amitomation.cz\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/amitomation.cz\/en\/#organization","name":"AMiT, spol. s r.o.","url":"https:\/\/amitomation.cz\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/amitomation.cz\/en\/#\/schema\/logo\/image\/","url":"https:\/\/amitomation.cz\/wp-content\/uploads\/2017\/07\/amit_automation_100x42.gif","contentUrl":"https:\/\/amitomation.cz\/wp-content\/uploads\/2017\/07\/amit_automation_100x42.gif","width":100,"height":42,"caption":"AMiT, spol. s r.o."},"image":{"@id":"https:\/\/amitomation.cz\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/organization\/10939938\/"]}]}},"_links":{"self":[{"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/docs\/52734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/users\/2555"}],"replies":[{"embeddable":true,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/comments?post=52734"}],"version-history":[{"count":1,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/docs\/52734\/revisions"}],"predecessor-version":[{"id":53645,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/docs\/52734\/revisions\/53645"}],"wp:attachment":[{"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/media?parent=52734"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/doc_category?post=52734"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/doc_tag?post=52734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}