{"id":923,"date":"2014-05-13T14:21:04","date_gmt":"2014-05-13T18:21:04","guid":{"rendered":"https:\/\/digitalmediaphile.com\/?p=923"},"modified":"2014-05-13T14:56:45","modified_gmt":"2014-05-13T18:56:45","slug":"add-a-live-tile-to-a-project-siena-app","status":"publish","type":"post","link":"https:\/\/digitalmediaphile.com\/index.php\/2014\/05\/13\/add-a-live-tile-to-a-project-siena-app\/","title":{"rendered":"Add a Live Tile to a Project Siena App"},"content":{"rendered":"<p>&#160;<\/p>\n<p><a href=\"http:\/\/technet.microsoft.com\/en-us\/projectsiena\" target=\"_blank\">Microsoft Project Siena<\/a> is a really cool tool. Basically, it\u2019s a Modern App that allows you to BUILD Modern Apps almost ready for uploading to the Windows Store. A small amount of customization work can be done in Visual Studio 2013 to tweak settings, but MS Project Siena is really a visually driven tool that builds complex JavaScript and HTML apps.<\/p>\n<p>One of the few things it (currently) does not do (in Beta 2) is provide a Live Tile experience. There\u2019s an active Project Siena TechNet forum and Ronan Monaghan came up with some code using buildmypinnedsite.com that, when inserted into the proper file, provides a Live Tile. As it turns out, you don\u2019t need to visit buildmypinnedsite.com unless you have a web site and want a pinned live tile function for site visitors. <\/p>\n<p>All you need is a properly formed RSS feed which you insert into the \u201ctemplate\u201d below, replacing text in <font color=\"#ff0000\">red<\/font> with your own feed for your app. In fact, you can use a different RSS feed in each of the five slots if you have multiple feeds for your app.<\/p>\n<blockquote>\n<p><font size=\"1\">var notifications = Windows.UI.Notifications;        <br \/>var recurrence = notifications.PeriodicUpdateRecurrence.HalfHour;         <br \/>var urls = [         <br \/>new Windows.Foundation.Uri(&quot;http:\/\/notifications.buildmypinnedsite.com\/?feed=<span class=\"auto-style1\"><font color=\"#ff0000\">http:\/\/www.flickr.com\/services\/feeds\/photos_public.gne?id=44494372@N05&amp;amp;format=rss_200<\/font><\/span>&amp;amp;id=1&quot;),         <br \/>new Windows.Foundation.Uri(&quot;http:\/\/notifications.buildmypinnedsite.com\/?feed=<span class=\"auto-style1\"><font color=\"#ff0000\">http:\/\/www.flickr.com\/services\/feeds\/photos_public.gne?id=44494372@N05&amp;amp;format=rss_200<\/font><\/span>&amp;amp;id=2&quot;),         <br \/>new Windows.Foundation.Uri(&quot;http:\/\/notifications.buildmypinnedsite.com\/?feed=<span class=\"auto-style1\"><font color=\"#ff0000\">http:\/\/www.flickr.com\/services\/feeds\/photos_public.gne?id=44494372@N05&amp;amp;format=rss_200<\/font><\/span>&amp;amp;id=3&quot;),         <br \/>new Windows.Foundation.Uri(&quot;http:\/\/notifications.buildmypinnedsite.com\/?feed=<span class=\"auto-style1\"><font color=\"#ff0000\">http:\/\/www.flickr.com\/services\/feeds\/photos_public.gne?id=44494372@N05&amp;amp;format=rss_200<\/font><\/span>&amp;amp;id=4&quot;),         <br \/>new Windows.Foundation.Uri(&quot;http:\/\/notifications.buildmypinnedsite.com\/?feed=<span class=\"auto-style1\"><font color=\"#ff0000\">http:\/\/www.flickr.com\/services\/feeds\/photos_public.gne?id=44494372@N05&amp;amp;format=rss_200<\/font><\/span>&amp;amp;id=5&quot;)         <br \/>]; <br \/> notifications.TileUpdateManager.createTileUpdaterForApplication().enableNotificationQueue(true);         <br \/>notifications.TileUpdateManager.createTileUpdaterForApplication().startPeriodicUpdateBatch(urls, recurrence);<\/font><\/p>\n<\/blockquote>\n<p>&#160;<\/p>\n<p>Once you have personalized the template, open init.js in the JS folder inside Visual Studio and insert the code above any existing <strong>var<\/strong> statements as shown in the screen shot below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"insertcode\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 10px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"insertcode\" src=\"https:\/\/digitalmediaphile.com\/wp-content\/uploads\/2014\/05\/insertcode.png\" width=\"600\" height=\"315\" \/><\/p>\n<p>Once you\u2019ve finished any other customization work inside Visual Studio, if you pin your app to your Start Screen, you\u2019ll see the Live Tile functioning. Below is a screen shot of two of my apps showing Live Tiles in action.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"livetile1\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 10px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"livetile1\" src=\"https:\/\/digitalmediaphile.com\/wp-content\/uploads\/2014\/05\/livetile1.png\" width=\"400\" height=\"407\" \/><\/p>\n<p>That\u2019s all there is to it. While there isn\u2019t any additional customization available for the Live Tile (as there would be if you built from scratch using Visual Studio), this quick and dirty work around will give your app a little something extra to offer. <\/p>\n<p>No guarantees that this will work for every RSS feed and all the usual disclaimers apply \u2013 edit the project\u2019s init.js file at your own risk and create a backup first. <\/p>\n<p>Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#160; Microsoft Project Siena is a really cool tool. Basically, it\u2019s a Modern App that allows you to BUILD Modern Apps almost ready for uploading to the Windows Store. A small amount of customization work can be done in Visual Studio 2013 to tweak settings, but MS Project Siena is really a visually driven tool [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[169],"tags":[313],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"jetpack_publicize_connections":[],"featured_image_urls":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":""},"post_excerpt_stackable":"<p>&#160; Microsoft Project Siena is a really cool tool. Basically, it\u2019s a Modern App that allows you to BUILD Modern Apps almost ready for uploading to the Windows Store. A small amount of customization work can be done in Visual Studio 2013 to tweak settings, but MS Project Siena is really a visually driven tool that builds complex JavaScript and HTML apps. One of the few things it (currently) does not do (in Beta 2) is provide a Live Tile experience. There\u2019s an active Project Siena TechNet forum and Ronan Monaghan came up with some code using buildmypinnedsite.com that, when&hellip;<\/p>\n","category_list":"<a href=\"https:\/\/digitalmediaphile.com\/index.php\/category\/windows-8-1\/\" rel=\"category tag\">Windows 8.1<\/a>","author_info":{"name":"barbbowman","url":"https:\/\/digitalmediaphile.com\/index.php\/author\/barbbowman\/"},"comments_num":"0 comments","jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pvFKI-eT","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/posts\/923"}],"collection":[{"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/comments?post=923"}],"version-history":[{"count":0,"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/posts\/923\/revisions"}],"wp:attachment":[{"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/media?parent=923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/categories?post=923"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/tags?post=923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}