How does the grid system work ?


  • Hello,

    I am trying to build a metro app using javascript. I have created a VS 2012 javascript project with a "grid" template. 

    I get the following:

    Which seems pretty nice but I want to be able to modify it. Have less Groups, have less Item titles. Edit the "Item Title" for something else.

    Sorta like this:

    So far I have found these article that give an overview of the grid alignment:



    None of which talk about how to modify them.

    Can someone point me to an article/video/demo on how to achieve this ? What particular elements I have to target ? I want to be able to do this in a JavaScript app, using HTML5, JavaScript, and CSS3.


    Sunday, June 17, 2012 10:46 PM