{"id":1208,"date":"2020-05-01T15:24:56","date_gmt":"2020-05-01T15:24:56","guid":{"rendered":"http:\/\/jggdev.com\/?p=1208"},"modified":"2020-05-01T15:29:16","modified_gmt":"2020-05-01T15:29:16","slug":"calendar-image-for-actiontiles","status":"publish","type":"post","link":"https:\/\/jggdev.com\/?p=1208","title":{"rendered":"Calendar Image for ActionTiles"},"content":{"rendered":"\n<p><strong><span style=\"color:#ff0008\" class=\"has-inline-color\">These image generators are now available directly from the ActionTiles cloud. Links below have been updated accordingly.\u00a0\u00a0<\/span><\/strong><\/p>\n\n\n\n<p><strong>Introduction<\/strong><\/p>\n\n\n\n<p>ActionTiles is a great interface for managing and controlling SmartThings. &nbsp;In a Facebook discussion someone had mentioned that they\u2019d love to have a calendar appear in a tile with the current date highlighted. &nbsp;As ActionTiles only allows linking to images and videos on external sites I thought I\u2019d have a quick go at creating a calendar image with some customisable features. &nbsp;The result can be found at&nbsp;<a href=\"http:\/\/web.archive.org\/web\/20190706130531\/https:\/\/mtg.actiontiles.com\/calendar.php\">https:\/\/mtg.actiontiles.com\/calendar.php<\/a><\/p>\n\n\n\n<p>Although it has a php extension the page returns a PNG image.<\/p>\n\n\n\n<p><strong>Parameters \/ Customising the look<\/strong><\/p>\n\n\n\n<p>Users can pass formatting options as URL parameters to override the default format. &nbsp;For example:<\/p>\n\n\n\n<p><a href=\"https:\/\/mtg.actiontiles.com\/calendar.php?backgroundColor=FFFFFF&amp;bodyColor=00FF00&amp;titleColor=000000\">https:\/\/mtg.actiontiles.com\/calendar.php?backgroundColor=FFFFFF&amp;bodyColor=00FF00&amp;titleColor=000000<\/a><\/p>\n\n\n\n<p>Colors are entered as&nbsp;<a href=\"http:\/\/web.archive.org\/web\/20190706130531\/http:\/\/www.color-hex.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">hex values<\/a>&nbsp;(without the # symbol \u2013 using a # symbol will cause formatting requests to be ignored). The above sets the background color to white, the body color (the numbers representing days of the month) to green and the title color to black. &nbsp;The full list of parameters is shown below.<\/p>\n\n\n\n<ul><li><em>layout \u2013<\/em>&nbsp;The size\/proportion of the tile. Matches ActionTiles values. Valid values are 2\u00d71, 3\u00d72, 3\u00d71, 1\u00d71, 2\u00d72, 3\u00d73 &nbsp;(3\u00d72 is default).<\/li><li><em>backgroundColor<\/em>&nbsp;\u2013 the background color of the image.<\/li><li><em>titleColor<\/em>&nbsp;\u2013 the color of the Month and Year title.<\/li><li><em>headerColor<\/em>&nbsp;\u2013 the color of the S, M, T, W, T, F, S headers representing day of the week.<\/li><li><em>bodyColor<\/em>&nbsp;\u2013 the color of the numbers representing the days of the month.<\/li><li><em>todayTextColor<\/em>&nbsp;\u2013 the color of the number that represents today\u2019s date.<\/li><li><em>todayHighlightColor<\/em>&nbsp;\u2013 the color used to highlight today\u2019s date.<\/li><li><em>month<\/em>&nbsp;\u2013 If you wish a different month to be shown you may pass it in as a number (ie 1 for January, 2 for February etc).<\/li><li><em>year<\/em>&nbsp;\u2013 If you wish a different year to be shown you may pass it in as a 4 digit number (ie 2016, 2015, etc).<\/li><li>tz \u2013 the timezone to use when&nbsp;determining current date. &nbsp;Acceptable values are any of the standard PHP timezones listed&nbsp;<a href=\"http:\/\/web.archive.org\/web\/20190706130531\/https:\/\/secure.php.net\/manual\/en\/timezones.php\" target=\"_blank\" rel=\"noreferrer noopener\">here.<\/a><\/li><\/ul>\n\n\n\n<p><strong>Adding To ActionTiles<\/strong><\/p>\n\n\n\n<p>Once you have determined the exact formatting that you wish to use, copy the URL including parameters and then:<\/p>\n\n\n\n<ol><li>Go to&nbsp;<a href=\"http:\/\/web.archive.org\/web\/20190706130531\/https:\/\/app.actiontiles.com\/media#panels\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/app.actiontiles.com\/media#panels<\/a>&nbsp;(you must have an account and be logged in to view this page)<\/li><li>Click on the Plus symbol in the bottom-right-hand corner of the screen to add new media.<\/li><li>Select \u2018This Media is a still image or GIF\u2019<\/li><li>Enter the URL in the URL field.<\/li><li>Enter a refresh rate, if desired. &nbsp;We recommend every hour which would be a value of 3600 seconds. &nbsp;We request that you don\u2019t refresh more regularly than every 900 seconds.<\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>These image generators are now available directly from the ActionTiles cloud. Links below have been updated accordingly.\u00a0\u00a0 Introduction ActionTiles is a great interface for managing and controlling SmartThings. &nbsp;In a Facebook discussion someone had mentioned that they\u2019d love to have a calendar appear in a tile with the current date highlighted. &nbsp;As ActionTiles only allows&hellip;&nbsp;<a href=\"https:\/\/jggdev.com\/?p=1208\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Calendar Image for ActionTiles<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/jggdev.com\/index.php?rest_route=\/wp\/v2\/posts\/1208"}],"collection":[{"href":"https:\/\/jggdev.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jggdev.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jggdev.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jggdev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1208"}],"version-history":[{"count":2,"href":"https:\/\/jggdev.com\/index.php?rest_route=\/wp\/v2\/posts\/1208\/revisions"}],"predecessor-version":[{"id":1211,"href":"https:\/\/jggdev.com\/index.php?rest_route=\/wp\/v2\/posts\/1208\/revisions\/1211"}],"wp:attachment":[{"href":"https:\/\/jggdev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jggdev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jggdev.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}