EducationSoftwareStrategy.com
StrategyCommunity

Knowledge Base

Product

Community

Knowledge Base

TopicsBrowse ArticlesDeveloper Zone

Product

Download SoftwareProduct DocumentationSecurity Hub

Education

Tutorial VideosSolution GalleryEducation courses

Community

GuidelinesGrandmastersEvents
x_social-icon_white.svglinkedin_social-icon_white.svg
Strategy logoCommunity

© Strategy Inc. All Rights Reserved.

LegalTerms of UsePrivacy Policy
  1. Home
  2. Topics

KB238917: How to design document to perfectly fit iOS device screen in both portrait and landscape view in MicroStrategy Mobile application 10.x


Tianfeng (Jimmy) Jiang

Quality Engineer, Principal • MicroStrategy


This document shows how to design document to perfectly fit device screen in both portrait and landscape view in MicroStrategy Mobile application 10.x

In some scenarios, it's required to make document perfectly fit device screen in both portrait and landscape view in Strategy Mobile application 10.x. The following steps demonstrate how to do that for iPhone 7 in Strategy Web 10.x:

  • Set units of document to pixel in Strategy Web User preferences>Language>Advanced options as shown below:
ka02R000000bsQvQAI_0EM44000000Q7in.png
  • Get resolution for iPhone 7: 750*1334.
  • Create a document with two layouts: Layout1 and Layout2.
  • In Layout1, go to Tools>Document Properties. Set Orientation to Portrait with size 750*1294 as shown below:
    Note:
    In Strategy mobile app, height of top status bar is 40 and height of navigation bar is 88. If the document is rendered in full screen mode by default, the height of the document page should be set to 1334-40=1294. If the document is rendered in non-full screen mode by default, the height of the document page should be set to 1334-40-88=1206.  
    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.

ka02R000000bsQvQAI_0EM44000000Q8se.png
  • Check option “Always open this document in full screen mode” if document should render in full screen mode by default as below:
ka02R000000bsQvQAI_0EM44000000Q7j2.png
  • Switch to Document Structure, right click on Body and select “Properties and Formatting”. Set Height to 1294 as below:
ka02R000000bsQvQAI_0EM44000000Q8tD.png
  • In Layout2, go to Tools>Document Properties. Set Orientation to Landscape with size 1334*750.
ka02R000000bsQvQAI_0EM44000000Q7jH.png
  • Select “Landscape only” in Supported Orientations.
  • Switch to Document Structure, right click on Body and select “Properties and Formatting”. Set Height to 750 as below:
ka02R000000bsQvQAI_0EM44000000Q7jq.png


KB238917


Comment

0 comments

Details

Knowledge Article

Published:

November 20, 2017

Last Updated:

May 27, 2020