I have managed to make it so that the layout changes to another layout when it enters snapped mode (WindowWidth =< 400 for example)
The problem is that you have to use Fullscreen (Scale) for Windows 8 apps. So when you snap it the new layout takes up just a miniscule height in the snapped window. This is because i put the WindowSize as (1920, 1080) So when I snap it, it scales the Height and Width to keep the aspect ratio. (See picture 2)
Changing the Layout sizes for Layout2 does not have the desired result. (See picture 3)
<img src="http://i.imgur.com/35wxB.png" border="0" />
My app in fullscreen with Layout1
<img src="http://i.imgur.com/9Abj6.png" border="0" />
My app in snapped mode with Layout 2
<img src="http://i.imgur.com/Tx5z8.png" border="0" />
My app in snapped mode with Layout 2 and changed layout size (Size 400, 1080)