How to compitable my page in different orientation for Metro style App(WinRT) ?


  • Visual Studio 2012 provide the feature for drag and drop metro screen design.I design a normal screen using drag and drop property in landscape screen.

    When i run my page i, it runs well only for landscape screen. If i rotate my emulator to portrait mode then i cant see the page properly.

    I just do drag and drop in default UI.

    What should i do to make the screen compatible for portrait and other mode?

    (I search over internet but do not find any simple solution as i expected .If any solution available please provide the link.)

    Wednesday, August 8, 2012 7:18 AM


  • How exactly you do this will depend on the app and the layout.

    Some apps may be laid out flexibly enough that they automatically stretch to fit. See Quickstart: defining layouts

    Others will need to detect the layout change and then move or change the controls used. Typically this would be done via the VisualStateManager. Take a look at the LayoutAwarePage code in the samples and wizard generated templates for an example of how to do this.


    • Marked as answer by Jesse Jiang Monday, August 13, 2012 8:35 AM
    Wednesday, August 8, 2012 3:47 PM