Using Cell Spanning Layout
The final layout mode is called cell spanning layout. Cell spanning layout is similar to grid layout but, unlike grid layout, cell spanning layout enables you to create grid items with different sizes. For example, you can make a tile screen that contains different size tiles like the Windows 8.1 start screen.
Unfortunately, great power also requires lots of math. So, if you want to create different size grid items then you will need to get out your calculator to figure out the sizes of the different items.
Imagine that you want to create the page in Figure 8.8. Notice that the figure includes three sizes of tiles: normal, wide, and tall.
FIGURE 8.8 Creating different size tiles
Listing 8.5 contains a page with cell ...
Get Windows® 8.1 Apps with HTML5 and JavaScript Unleashed now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
