locked
How does the grid system work ?

    Question

  • 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:

    http://msdn.microsoft.com/en-us/library/windows/apps/hh465327.aspx#css3_grid_alignment

    http://msdn.microsoft.com/en-us/library/windows/apps/hh872191.aspx

    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.

    Thanks!

    Sunday, June 17, 2012 10:46 PM

Answers