{"id":88,"date":"2011-01-03T04:48:51","date_gmt":"2011-01-03T04:48:51","guid":{"rendered":"http:\/\/charlie-roberts.com\/Control\/?page_id=88"},"modified":"2011-01-05T22:54:56","modified_gmt":"2011-01-05T22:54:56","slug":"label","status":"publish","type":"page","link":"http:\/\/charlie-roberts.com\/Control\/?page_id=88","title":{"rendered":"Label"},"content":{"rendered":"<p>The Label is used to present text on the screen. You can also use a blank label with a background color to present a filled area to act as a container. To center a label inside a button give the label the exact same width, height, and x\/y coordinates as the button.<\/p>\n<p><strong>Additional JSON Attributes<\/strong><\/p>\n<ul>\n<li>verticalCenter : if true (which is the default), the label will be centered vertically in its boundary rectangle.<\/li>\n<li>align : how the label text is horizontally aligned within its boundary rectangle. Possible values include left, center, right etc. This is the same as the CSS attribute text-align. The default value is &#8220;center&#8221;.<\/li>\n<li>backgroundColor : the backgroundColor for the label. This uses standard CSS coloring values.<\/li>\n<\/ul>\n<p><strong>Scripting<\/strong><\/p>\n<ul>\n<li>setValue(newValueString) &#8211; change the label&#8217;s text<\/li>\n<\/ul>\n<p><strong>Simple JSON<\/strong><\/p>\n<pre>\r\n{\r\n    \"name\": \"infoText\",\r\n    \"type\": \"Label\",\r\n    \"x\": 0, \"y\": 0,\r\n    \"width\": 1, \"height\": 1,\r\n    \"value\": \"this is your label text centered on the screen\",\r\n},\r\n<\/pre>\n<p><strong>More Code<\/strong><\/p>\n<pre>\r\n{\r\n    \"name\": \"infoText\",\r\n    \"type\": \"Label\",\r\n    \"x\": .1, \"y\": .1,\r\n    \"width\": .8, \"height\": .8,\r\n    \"value\": \"label text goes here\",\r\n    \"backgroundColor\": \"rgba(0,0,0,1)\",\r\n    \"verticalCenter\": false,\r\n    \"align\": \"left\",\r\n},\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>The Label is used to present text on the screen. You can also use a blank label with a background color to present a filled area to act as a container. To center a label inside a button give the label the exact same width, height, and x\/y coordinates as the button. Additional JSON Attributes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":56,"menu_order":5,"comment_status":"open","ping_status":"open","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/charlie-roberts.com\/Control\/index.php?rest_route=\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/charlie-roberts.com\/Control\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/charlie-roberts.com\/Control\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/charlie-roberts.com\/Control\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/charlie-roberts.com\/Control\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=88"}],"version-history":[{"count":4,"href":"http:\/\/charlie-roberts.com\/Control\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":120,"href":"http:\/\/charlie-roberts.com\/Control\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/120"}],"up":[{"embeddable":true,"href":"http:\/\/charlie-roberts.com\/Control\/index.php?rest_route=\/wp\/v2\/pages\/56"}],"wp:attachment":[{"href":"http:\/\/charlie-roberts.com\/Control\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}