Skip to content
This repository

Quick development of MetroStyling , Cross Platform, Cross Browser and All Device supported.

branch: master

updated readme

latest commit dfe0b6d86e
naveen authored September 01, 2012
Octocat-spinner-32 js updated August 31, 2012
Octocat-spinner-32 README updated readme September 01, 2012
Octocat-spinner-32 index.html updated readme September 01, 2012
Octocat-spinner-32 metro.js updated readme September 01, 2012
Octocat-spinner-32 metro.xml updated August 31, 2012
README
Hi, MetroStrap is a simple framework developed using HTML, CSS, jQuery and XML, to instantly build Metro style tile based user interface( generally seen in windows phone). This kind of styling is widely used in rapid creation of webpages, dashboards and analytics. Metrostrap is cross platform and cross browser compatible. This auto adjusts in all devices ( aka responsive css included ).

How to use MetroStrap ?

**Step 1: **Download the metro.zip repository.

Step 2: Place the extracted files into your project directory. The file 'index.html' shows the default tile structure that comes with the framework.

Step 3: Depending upon your requirement you can modify the metroConfig.xml

Good to know - What each tag in metroConfig.xml mean ?

<count></count>- It is the count of tiles that would be shown on the webpage. 
<text></text>- Content that needs to be displayed in the tile div. 
<type></type>- Any conditional clause for further use. ( See example to understand better : http://metrostrap.herokuapp.com ) .
<class></class>- CSS class for the tile. 
<background></background>- Background color of the tile. 
<color></color> - Text color of the tile. 
<width></width> - width of the tile. 
<height></height>- height of the tile.

If any of the above values are left blank , default values will be rendered. Instead of taking the pain of writing XML code and waiting to publish the change and view result. you can be smart to use the tile simulator for the same. :) :)

Tile Simulator is available at : http://metrostrap.herokuapp.com/tileSimulator.php

That's it from my end. If you like it or want to suggest changes, I would be more than happy. 
Reach me on twitter : @ngandamalla.

Cheers !! 
Naveen.G
Something went wrong with that request. Please try again.