Work With Portrait & Landscape Modes in Windows Phone Apps

Step 2

Now you need to go to the PhoneApplicationPage_OrientationChanged event and add the following code.
So according the page orientations you can provide the values for each of your controls the way they look in both oreintations. If you can observe, I have given the same values for both the XAML and C# page for portrait mode to provide landscape mode values in the code behind you again need to design the same page in landscape mode like this.

Figure 2: Device

So by changing the orientation you again need to design the XAML page and take those values (margin, row, columns, height, width and so on) put behind the C# file of landscape mode. Now just revert back to portrait mode. Now it's done, your app now supports both orientations. Cheers!

Note

Here the reason we are changing the orientation to landscape mode and redesigning the app is to only get the values of the controls and their alignment, since you cannot exactly provide the values behind code for landscape mode.

Note

Try to use the best matching colors always, don't use bright colors when designing an app, look at other famous apps, how they are designed and how they choose colors. In our subconscious, colors have a heavy impact on the person's mood. This effect varies depending on people and their culture, but there is a set of primary colours with a clear influence marked on a wide range of people, for example Blue of the sky gives people a sense of comfort and tranquility and Green is of gardens and provides a sense of happiness and pleasure.