Blogger Widgets
  • Sharing Photos using SignalR
  • TFS Extenstion - allows copy work items between projects
  • Displaying jquery progressbar with ajax call on a modal dialog
  • Managing windows services of a server via a website
  • Exploring technologies available to date. TechCipher is one place that any professional would like to visit, either to get an overview or to have better understanding.

Search This Blog

Thursday, 13 June 2013

Live tiles with Bootmetro and Metro JS

Bootmetro is a simple web ui framework which I have used on my website TechCipher. There are various samples inside Bootmetro for implementing various type of tiles but not for live tiles. This article will give you insight of how live tiles can be implemented with Bootmetro and Metro JS. 1. Define tile 
       
  

   Latest Updates
   
Bootmetro is a simple web ui framework

   
TechCipher is all about exploring technologies available to date
2. Add references to MetroJs (css and js) 

..
3. Finally make your tile live
Now this is how it would look

That's it.

“Before software should be reusable, it should be usable.” – Ralph Johnson
Posted by at 17:04
Labels: ,

3 comments:

  1. Anonymous1 February 2014 at 09:08

    I get this error --- JavaScript runtime error: Object doesn't support property or method 'metro'-- while debugging the project.

    Please Help me out. ???

    ReplyDelete
    Replies
    1. Saif4 March 2014 at 02:59

      It seems to me that metro is not yet loaded, did you include "MetroJs.min.js" ?

      Delete
  2. Mary Brown8 December 2015 at 06:52

    Great Article

    ASP.NET MVC Training
    Online MVC Training
    Online MVC Training India
    Dot Net Training in Chennai
    .Net Online Training
    .net training online
    Dot Net Online Training

    ReplyDelete

Subscribe to: Post Comments (Atom)
Copyright © 2013 Template Doctor . Designed by Malith Madushanka - Cool Blogger Tutorials | Code by CBT | Images by by HQ Wallpapers