{"id":8973,"date":"2021-11-11T21:17:54","date_gmt":"2021-11-11T21:17:54","guid":{"rendered":"https:\/\/bryceautomation.com\/?p=8973"},"modified":"2021-11-11T21:18:24","modified_gmt":"2021-11-11T21:18:24","slug":"button-with-multi-state-indicator","status":"publish","type":"post","link":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/","title":{"rendered":"Button with Multi-State Indicator"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Introduction to FactoryTalk View Button with Multi-state Indicator<\/h3>\n\n\n\n<p>By using a Button with Multi-state Indicator, you will overcome the limitation of a button&#8217;s two states.   Basically, we just make the button transparent with a multistate indicator behind it.  This reflects multiple states.  Each state will have different colors, and different text.<\/p><div id=\"bryce-3310978473\" class=\"bryce-afterfirst bryce-entity-placement\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8316758073402323\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-8316758073402323\" \ndata-ad-slot=\"7728240895\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>\n\n\n\n<p>Obviously, you must first have communication to your processor in FactoryTalk Linx (RSLinx Enterprise).   <\/p>\n\n\n\n<p>In this case,  our button starts the timer.  While the timer is running, we&#8217;ll display the word &#8220;Starting&#8221;.  When the timer times out, we&#8217;ll display the word &#8220;Running&#8221;.  When our HMIPumpStart bit goes false, we will display the word &#8220;Stopped&#8221;  It&#8217;s important to realize that we might have different colors, pictures, or blinkng for each state.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"534\" height=\"289\" data-src=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-13.png\" alt=\"\" class=\"wp-image-8974 lazyload\" data-srcset=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-13.png 534w, https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-13-300x162.png 300w\" data-sizes=\"(max-width: 534px) 100vw, 534px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 534px; --smush-placeholder-aspect-ratio: 534\/289;\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Add Your Button Object<\/h3>\n\n\n\n<p>Add your button to a display.  On the general tab, we&#8217;ll choose no border, and a transparent background.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"763\" height=\"315\" data-src=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-14.png\" alt=\"\" class=\"wp-image-8975 lazyload\" data-srcset=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-14.png 763w, https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-14-300x124.png 300w\" data-sizes=\"(max-width: 763px) 100vw, 763px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 763px; --smush-placeholder-aspect-ratio: 763\/315;\" \/><\/figure>\n\n\n\n<p>Next, on the &#8220;Connections&#8221; tab, select the tag you wish to write to.  In this case, the tag is &#8220;HMIPumpStart&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"594\" height=\"142\" data-src=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-15.png\" alt=\"\" class=\"wp-image-8976 lazyload\" data-srcset=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-15.png 594w, https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-15-300x72.png 300w\" data-sizes=\"(max-width: 594px) 100vw, 594px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 594px; --smush-placeholder-aspect-ratio: 594\/142;\" \/><\/figure>\n\n\n\n<p>Be sure to remember where this object is located on your display.  It&#8217;s transparent!  Don&#8217;t forget it&#8217;s there.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add Your Multistate Indicator.<\/h3>\n\n\n\n<p>Our next step is to add the multistate indicator.    This is under Objects | Indicator | Multistate.  <\/p>\n\n\n\n<p>On State 0, the Caption reads &#8220;Pump Stopped&#8221;.  Notice the background color is red.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"588\" height=\"327\" data-src=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-16.png\" alt=\"\" class=\"wp-image-8977 lazyload\" data-srcset=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-16.png 588w, https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-16-300x167.png 300w\" data-sizes=\"(max-width: 588px) 100vw, 588px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 588px; --smush-placeholder-aspect-ratio: 588\/327;\" \/><\/figure>\n\n\n\n<p>Basically, in State 1, we want the caption to read &#8220;Pump Starting&#8221;.  We will also make the background flash green.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"597\" height=\"319\" data-src=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-17.png\" alt=\"\" class=\"wp-image-8978 lazyload\" data-srcset=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-17.png 597w, https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-17-300x160.png 300w\" data-sizes=\"(max-width: 597px) 100vw, 597px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 597px; --smush-placeholder-aspect-ratio: 597\/319;\" \/><\/figure>\n\n\n\n<p>At last, State 2 will read &#8220;Pump Running&#8221;.  This time, the background color will be solid green.  Be sure to adjust your colors and font sizes for each state.  We need to make the caption easy for the operator to read.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"595\" height=\"322\" data-src=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-18.png\" alt=\"\" class=\"wp-image-8979 lazyload\" data-srcset=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-18.png 595w, https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-18-300x162.png 300w\" data-sizes=\"(max-width: 595px) 100vw, 595px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 595px; --smush-placeholder-aspect-ratio: 595\/322;\" \/><\/figure>\n\n\n\n<p>Finally, we&#8217;ll set up the connections tab.   Remember, we want to display State 0 when the pump is stopped.  Likewise, we will display state 1 when the pump in starting.  In addition, we need to be sure to display state 2 when the pump is running.<\/p>\n\n\n\n<p>On the connections tab, we&#8217;ll need to write an expression to return the correct state for each condition.  We will easily do this with if&#8230; then&#8230; conditions.<\/p>\n\n\n\n<p>If (NOT {[PLC]PumpStarting} and NOT {[PLC]PumpRunning}) then 0<br>else if {[PLC]PumpStarting} then 1<br>else 2<\/p>\n\n\n\n<p>Notice that if both bits are off, we will go to state 0.    Otherwise, if the pump is starting, then return state 1.   If the above conditions fail to go true, then we will show state 2. Be sure you have the parenthesis in the right place for the logic to work.<\/p>\n\n\n\n<p>Now, find your transparent button, and place it on top of the multistate indicator.  We&#8217;ll bring this transparent button to the front.  Be sure it&#8217;s the button you have highlighted, then right click | Arrange | Bring to front.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Test your Button with Multi-state Indicator<\/h3>\n\n\n\n<p>Finally we&#8217;ll test our work.  To simply test this display, click the right arrow button (play button) in the standard toolbar.  If you want to test the whole project, use the &#8220;Test Application&#8221; button.  This looks like a man running in the standard toolbar.  Testing the whole application in FactoryTalk View ME generates a runtime.  Realize this can take some time to start the entire application.<\/p>\n\n\n\n<p>For more information, visit the <a href=\"https:\/\/bryceautomation.com\/index.php\/category\/factorytalk-view-me\/\">FactoryTalk View ME Category page!<\/a><\/p>\n\n\n\n<p>&#8212; Ricky Bryce<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n<div id=\"bryce-2009230537\" class=\"bryce-after-content bryce-entity-placement\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8316758073402323\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-8316758073402323\" \ndata-ad-slot=\"4667596182\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Introduction to FactoryTalk View Button with Multi-state Indicator By using a Button with Multi-state Indicator, you will overcome the limitation of a button&#8217;s two states. Basically, we just make the button transparent with a multistate indicator behind it. This reflects multiple states. Each state will have different colors, and different text. Obviously, you must first <a class=\"moretag btn btn-primary\" href=\"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/\">Read More \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":8975,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50,205],"tags":[310,51,401],"class_list":{"0":"post-8973","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-factorytalk-view-me","8":"category-factorytalk-view-se","9":"tag-button","10":"tag-factorytalk-view","11":"tag-multistate-indicator","12":"czr-hentry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Button with Multi-State Indicator - Bryce Automation<\/title>\n<meta name=\"description\" content=\"How to create a third state on a button by making the button transparent, and using a multistate indicator object.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Button with Multi-State Indicator - Bryce Automation\" \/>\n<meta property=\"og:description\" content=\"How to create a third state on a button by making the button transparent, and using a multistate indicator object.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/\" \/>\n<meta property=\"og:site_name\" content=\"Bryce Automation\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/ricky.bryce.7\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-11T21:17:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-11T21:18:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-14.png\" \/>\n\t<meta property=\"og:image:width\" content=\"763\" \/>\n\t<meta property=\"og:image:height\" content=\"315\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ricky\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/\"},\"author\":{\"name\":\"Ricky\",\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/#\\\/schema\\\/person\\\/5d5b0f6f6ad768f1ee52968338e63af7\"},\"headline\":\"Button with Multi-State Indicator\",\"datePublished\":\"2021-11-11T21:17:54+00:00\",\"dateModified\":\"2021-11-11T21:18:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/\"},\"wordCount\":545,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bryceautomation.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/image-14.png\",\"keywords\":[\"button\",\"FactoryTalk View\",\"Multistate Indicator\"],\"articleSection\":[\"FactoryTalk View ME\",\"FactoryTalk View SE\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/\",\"url\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/\",\"name\":\"Button with Multi-State Indicator - Bryce Automation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bryceautomation.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/image-14.png\",\"datePublished\":\"2021-11-11T21:17:54+00:00\",\"dateModified\":\"2021-11-11T21:18:24+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/#\\\/schema\\\/person\\\/5d5b0f6f6ad768f1ee52968338e63af7\"},\"description\":\"How to create a third state on a button by making the button transparent, and using a multistate indicator object.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bryceautomation.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/image-14.png\",\"contentUrl\":\"https:\\\/\\\/bryceautomation.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/image-14.png\",\"width\":763,\"height\":315,\"caption\":\"Button With Multistate Indicator\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/2021\\\/11\\\/11\\\/button-with-multi-state-indicator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bryceautomation.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Button with Multi-State Indicator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/#website\",\"url\":\"https:\\\/\\\/bryceautomation.com\\\/\",\"name\":\"Bryce Automation\",\"description\":\"Automating Home and Industry...\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bryceautomation.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/#\\\/schema\\\/person\\\/5d5b0f6f6ad768f1ee52968338e63af7\",\"name\":\"Ricky\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bryceautomation.com\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/a8f\\\/a8fe6bf79d292b388ffee281ccb12488x96.jpg\",\"url\":\"https:\\\/\\\/bryceautomation.com\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/a8f\\\/a8fe6bf79d292b388ffee281ccb12488x96.jpg\",\"contentUrl\":\"https:\\\/\\\/bryceautomation.com\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/a8f\\\/a8fe6bf79d292b388ffee281ccb12488x96.jpg\",\"caption\":\"Ricky\"},\"sameAs\":[\"http:\\\/\\\/bryceautomation.com\",\"https:\\\/\\\/www.facebook.com\\\/ricky.bryce.7\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/ricky-bryce-4367a416\\\/\"],\"url\":\"https:\\\/\\\/bryceautomation.com\\\/index.php\\\/author\\\/ricky\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Button with Multi-State Indicator - Bryce Automation","description":"How to create a third state on a button by making the button transparent, and using a multistate indicator object.","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:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/","og_locale":"en_US","og_type":"article","og_title":"Button with Multi-State Indicator - Bryce Automation","og_description":"How to create a third state on a button by making the button transparent, and using a multistate indicator object.","og_url":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/","og_site_name":"Bryce Automation","article_author":"https:\/\/www.facebook.com\/ricky.bryce.7","article_published_time":"2021-11-11T21:17:54+00:00","article_modified_time":"2021-11-11T21:18:24+00:00","og_image":[{"width":763,"height":315,"url":"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-14.png","type":"image\/png"}],"author":"Ricky","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/#article","isPartOf":{"@id":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/"},"author":{"name":"Ricky","@id":"https:\/\/bryceautomation.com\/#\/schema\/person\/5d5b0f6f6ad768f1ee52968338e63af7"},"headline":"Button with Multi-State Indicator","datePublished":"2021-11-11T21:17:54+00:00","dateModified":"2021-11-11T21:18:24+00:00","mainEntityOfPage":{"@id":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/"},"wordCount":545,"commentCount":0,"image":{"@id":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/#primaryimage"},"thumbnailUrl":"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-14.png","keywords":["button","FactoryTalk View","Multistate Indicator"],"articleSection":["FactoryTalk View ME","FactoryTalk View SE"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/","url":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/","name":"Button with Multi-State Indicator - Bryce Automation","isPartOf":{"@id":"https:\/\/bryceautomation.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/#primaryimage"},"image":{"@id":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/#primaryimage"},"thumbnailUrl":"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-14.png","datePublished":"2021-11-11T21:17:54+00:00","dateModified":"2021-11-11T21:18:24+00:00","author":{"@id":"https:\/\/bryceautomation.com\/#\/schema\/person\/5d5b0f6f6ad768f1ee52968338e63af7"},"description":"How to create a third state on a button by making the button transparent, and using a multistate indicator object.","breadcrumb":{"@id":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/#primaryimage","url":"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-14.png","contentUrl":"https:\/\/bryceautomation.com\/wp-content\/uploads\/2021\/11\/image-14.png","width":763,"height":315,"caption":"Button With Multistate Indicator"},{"@type":"BreadcrumbList","@id":"https:\/\/bryceautomation.com\/index.php\/2021\/11\/11\/button-with-multi-state-indicator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bryceautomation.com\/"},{"@type":"ListItem","position":2,"name":"Button with Multi-State Indicator"}]},{"@type":"WebSite","@id":"https:\/\/bryceautomation.com\/#website","url":"https:\/\/bryceautomation.com\/","name":"Bryce Automation","description":"Automating Home and Industry...","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bryceautomation.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/bryceautomation.com\/#\/schema\/person\/5d5b0f6f6ad768f1ee52968338e63af7","name":"Ricky","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bryceautomation.com\/wp-content\/wphb-cache\/gravatar\/a8f\/a8fe6bf79d292b388ffee281ccb12488x96.jpg","url":"https:\/\/bryceautomation.com\/wp-content\/wphb-cache\/gravatar\/a8f\/a8fe6bf79d292b388ffee281ccb12488x96.jpg","contentUrl":"https:\/\/bryceautomation.com\/wp-content\/wphb-cache\/gravatar\/a8f\/a8fe6bf79d292b388ffee281ccb12488x96.jpg","caption":"Ricky"},"sameAs":["http:\/\/bryceautomation.com","https:\/\/www.facebook.com\/ricky.bryce.7","https:\/\/www.linkedin.com\/in\/ricky-bryce-4367a416\/"],"url":"https:\/\/bryceautomation.com\/index.php\/author\/ricky\/"}]}},"_links":{"self":[{"href":"https:\/\/bryceautomation.com\/index.php\/wp-json\/wp\/v2\/posts\/8973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bryceautomation.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bryceautomation.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bryceautomation.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bryceautomation.com\/index.php\/wp-json\/wp\/v2\/comments?post=8973"}],"version-history":[{"count":0,"href":"https:\/\/bryceautomation.com\/index.php\/wp-json\/wp\/v2\/posts\/8973\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bryceautomation.com\/index.php\/wp-json\/wp\/v2\/media\/8975"}],"wp:attachment":[{"href":"https:\/\/bryceautomation.com\/index.php\/wp-json\/wp\/v2\/media?parent=8973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bryceautomation.com\/index.php\/wp-json\/wp\/v2\/categories?post=8973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bryceautomation.com\/index.php\/wp-json\/wp\/v2\/tags?post=8973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}