KB239110: How to design document to perfectly fit multiple device screens with manage views in MicroStrategy Mobile application 10.x

• Create two layouts, one for portrait and the other for landscape. 
• Set proper document page size, body height and size of other objects in each layout by following KB238917 to make the document fit both portrait and landscape view for one device.  
• Add multiple managed views. Each view is specially designed with proper resolution for each device. 
• In each added view, change body height and size of other objects to make the document fit screens for each device. 

1. Get resolution for iPhone 7 and 4s:

   iPhone 7 : 750*1334
   iPhone 4s: 640*960

2. Follow article KB238917 to design a document which could perfectly fit iPhone 7 device screen in both portrait and landscape view:
3. The document should contain just one view with two layouts for iPhone 7 after step 1 is finished. Go to Tools>Manage Views, duplicate the current view and rename them to "iPhone 7 view" and "iPhone 4s view". Set resolution of each one as shown below:

   iPhone 7 view: 1334*750
   iPhone 4s view: 960*640

Select "iPhone 4s view" as Current View, hit on OK button. Then, all the modifications below only apply on "iPhone 4s view". 

Note: To best design layouts for Android devices, due to the high variability in the sizes of Android devices, we recommend using tools, such as the Layout Inspector in Android Studio, to detect device sizes.

1. Note:
2. Change size of other objects like panel stacks, grids and text boxes in Layout1 so that they would display properly in iPhone 4s.
3. When rendering the document in landscape on iPhone 4s, the document width (1334 pixels) would fit to the screen width (960 pixels). So in Layout2, right click on Body, go to Properties and Formatting and set Height to 889 = 640*1334/960 as shown below:

1. Change size of other objects like panel stacks, grids and text boxes in Layout2 so that they would display properly in iPhone 4s.