{"id":5838,"date":"2013-05-28T11:30:32","date_gmt":"2013-05-28T01:30:32","guid":{"rendered":"http:\/\/mingersoft.com\/blog\/?p=5838"},"modified":"2013-05-27T20:36:18","modified_gmt":"2013-05-27T10:36:18","slug":"fitbit-dashboard-receives-metro-styling","status":"publish","type":"post","link":"https:\/\/mingersoft.com\/blog\/2013\/05\/fitbit-dashboard-receives-metro-styling\/","title":{"rendered":"Fitbit Dashboard Receives Metro Styling"},"content":{"rendered":"<p>A while back <a title=\"Fitbit App for Windows 8 and Windows RT | Boydo's Tech Talk\" href=\"http:\/\/mingersoft.com\/blog\/2013\/01\/fitbit-app-for-windows-8-and-windows-rt\/\" target=\"_blank\">I wrote about how Fitbit developed a Metro app for Windows 8\/RT<\/a> which, in my opinion, did a fantastic job of aligning with the design language whilst still retaining the Fitbit identity. I think it is a great way to check my Fitbit stats without having to fire up and login to the Fitbit website thanks to the app and the live tile functionality.<\/p>\n<p>Anyway, it seems that Metro is gaining some popularity outside of Windows operating systems with Fitbit offering the opportunity to use a new version of its interactive dashboard once you login.<\/p>\n<div id=\"attachment_5839\" style=\"width: 760px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2013\/05\/The-New-Fitbit-Dashboard.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-5839\" class=\"size-large wp-image-5839\" alt=\"The New Fitbit Dashboard\" src=\"https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2013\/05\/The-New-Fitbit-Dashboard-1024x624.png?resize=760%2C463\" width=\"760\" height=\"463\" srcset=\"https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2013\/05\/The-New-Fitbit-Dashboard.png?resize=1024%2C624&amp;ssl=1 1024w, https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2013\/05\/The-New-Fitbit-Dashboard.png?resize=300%2C182&amp;ssl=1 300w, https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2013\/05\/The-New-Fitbit-Dashboard.png?w=1695&amp;ssl=1 1695w, https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2013\/05\/The-New-Fitbit-Dashboard.png?w=2542.5&amp;ssl=1 2542.5w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/><\/a><p id=\"caption-attachment-5839\" class=\"wp-caption-text\">The New Fitbit Dashboard<\/p><\/div>\n<p>The tiles, apart from the vertical double height tile, align with the existing Metro design language and help to create a very clean user interface on the website. Furthermore, if you resize the page the tiles will also rearrange themselves to avoid horizontal scrolling.<\/p>\n<div id=\"attachment_5841\" style=\"width: 760px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2013\/05\/The-New-Fitbit-Dashboard-Half-Width.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-5841\" class=\"size-large wp-image-5841\" alt=\"The New Fitbit Dashboard (Half Width)\" src=\"https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2013\/05\/The-New-Fitbit-Dashboard-Half-Width-840x1024.png?resize=760%2C926\" width=\"760\" height=\"926\" srcset=\"https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2013\/05\/The-New-Fitbit-Dashboard-Half-Width.png?resize=840%2C1024&amp;ssl=1 840w, https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2013\/05\/The-New-Fitbit-Dashboard-Half-Width.png?resize=246%2C300&amp;ssl=1 246w, https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2013\/05\/The-New-Fitbit-Dashboard-Half-Width.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/><\/a><p id=\"caption-attachment-5841\" class=\"wp-caption-text\">The New Fitbit Dashboard (Half Width)<\/p><\/div>\n<p>You can drag and drop the tiles around as you see fit plus you have the ability to add and remove tiles. This is a great improvement over the old dashboard which was very much a &#8220;one size fits all&#8221; solution.<\/p>\n<p>Of course, if you don&#8217;t like the new dashboard you can revert back for a limited time by doing the following:<\/p>\n<ol>\n<li><span style=\"line-height: 11.988636016845703px;\">Click on the cog icon in the top-right corner of the screen,<\/span><\/li>\n<li>Click\u00a0<strong>Normal Dashboard<\/strong>.<\/li>\n<\/ol>\n<p>As you might tell, I like the new interface very much so I&#8217;ll be using this from now on but it will eventually because the interface for all Fitbit users in the future.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A while back I wrote about how Fitbit developed a Metro app for Windows 8\/RT which, in my opinion, did a fantastic job of aligning with the design language whilst still retaining the Fitbit identity. I think it is a great way to check my Fitbit stats without having to fire up and login to &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/mingersoft.com\/blog\/2013\/05\/fitbit-dashboard-receives-metro-styling\/\">Continue reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":3800,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[152,151,18,1374],"tags":[1036,768,2361],"class_list":["post-5838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-operating-systems-technology","category-operating-systems","category-technology","category-windows-8","tag-fitbit","tag-metro","tag-windows-8","item-wrap"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/mingersoft.com\/blog\/wp-content\/uploads\/2012\/03\/Fitbit-Logo.png?fit=500%2C500&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mingersoft.com\/blog\/wp-json\/wp\/v2\/posts\/5838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mingersoft.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mingersoft.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mingersoft.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mingersoft.com\/blog\/wp-json\/wp\/v2\/comments?post=5838"}],"version-history":[{"count":0,"href":"https:\/\/mingersoft.com\/blog\/wp-json\/wp\/v2\/posts\/5838\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mingersoft.com\/blog\/wp-json\/wp\/v2\/media\/3800"}],"wp:attachment":[{"href":"https:\/\/mingersoft.com\/blog\/wp-json\/wp\/v2\/media?parent=5838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mingersoft.com\/blog\/wp-json\/wp\/v2\/categories?post=5838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mingersoft.com\/blog\/wp-json\/wp\/v2\/tags?post=5838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}