Preparing Stories for Mobile
Learn how to enable your stories for either the iOS or Android mobile apps.
To view stories in the mobile app, they must be created using
Responsive pages (not Canvas or Grid). When creating your
story, you can preview how it will look on a device by choosing
(Device Preview) from the story toolbar. Select either
Android or iOS for your
Device type and specify a Size from
the list provided.
- Generic Phone: Viewport equal or under 768 px width
- Generic Tablet: Viewport between 769 to 1024 px width
- Large Tablet: Viewport equal or greater than 1025 px width
- Small Phone: iPhone 11 Pro, iPhone XS, iPhone X, iPhone 8, iPhone 7, iPhone 6S
- Large Phone: iPhone 11, iPhone 11 Pro Max, iPhone XS Max, iPhone XR, iPhone 8 Plus, iPhone 7 Plus, iPhone 6S Plus
- Small Tablet: iPad Pro (9.7-inch), iPad Air 2, iPad (9.7-inch), iPad Mini
- Large Tablet: iPad Pro (10.5-inch, 11 inch, 12.9 inch), iPad Air (2019)
The mobile apps can only be viewed in portrait mode for phones and landscape mode for tablets. The apps do not rotate orientation.
You can set different font sizes for the resolutions of different device types. This
allows story designers to target how text is displayed for a single story when viewed
across multiple mobile devices. First select a device and size, such as an iOS
Small Phone. Then with a tile in the story selected, open the
Designer panel and select
Styling. Fonts can be changed for individual tiles in the
story.
You can also hide an individual Responsive story page so it doesn't appear on mobile devices. Select the page tab in the story designer and choose Hide in mobile.
Viewing Geo Maps on Mobile Devices
Below are guidelines to best design stories containing geo maps for an optimal mobile experience.
| Scenario A - One map per story page |
|---|
| Maximum one geo map per page |
| Each map should contain three or less map layers |
| Choropleth layer should contain less than 500 regions |
| Scenario B - Multiple maps per story page |
|---|
| Maximum three Geo Maps per page |
| Each map should contain only a single map layer |
| Choropleth layer should contain less than 500 regions |
Optimized modes on iOS mobile
- Optimized iOS: this mode enables stories to load faster on iOS mobile devices by leveraging the embedded browser.
- View Time Optimization: this mode enables mobile users to benefit from improved the performance of dashboards (in certain scenarios) and leverage usability improvements in stories on iOS mobile devices.
Enabling the optimized modes
-
Access your story:
- From the Home Screen, under Recent Stories, select the story. OR
- From the (
)
Main Menu, go to
Browse, then
Files, and then select the story.
- Next to Controls, select
Edit.
From the
(Edit
Story) dropdown list, select Story
Details. - Under Optimized iOS, turn on the Enable for iOS App setting. Your story will now run in Optimized iOS mode on your iOS device.
- Under View Time Optimization, turn on the
Enable Optimized Mode setting.NoteStories must be enabled for Optimized iOS for View Time Optimization mode to work on your iOS device. On your mobile device, you must also enable the Enable View Time Optimized setting. For more information, see Changing App Settings.
Supported and unsupported features for Optimized iOS
| What is supported with this mode? | What is not supported with this Mode? |
|---|---|
| Only available in the iOS Mobile App starting from version 2.77.0 |
|
| iOS devices with at least 3GB of RAM | Offline mode |
Supported story features:
|
SAP Digital Boardroom |
| Local and live models (SAP HANA and SAP BW) | |
|
Working with Live Data sources in Optimized iOS mode
The table below summarizes live connectivity supported and unsupported features for mobile-enabled stories running in Optimized iOS mode.
| What is supported? | What is not supported? |
|---|---|
|
Live data connectivity
Note For direct SAML Connection, the IDP login is
displayed for up to 60 sec to enter credentials. It closes
automatically. In case of a timed-out or failed connection,
tap Story refresh to reconnect your live data
source. |
Live data connectivity
|
| IDP session timeout – inconsistent reconnection to data source.
Note It is recommended that you manually refresh the story to
reconnect. |
Supported and unsupported features for View Time Optimization
| What is supported with this mode? | What is not supported with this Mode? |
|---|---|
| Only available in the iOS Mobile App starting from version 2.115. |
|
| iOS devices with at least 3GB of RAM |
|
Supported story features:
|
|
| Local and live models (SAP HANA and SAP BW) | |
|
|
Working with Live Data sources in View Time Optimization mode
The table below summarizes live connectivity supported and unsupported features for mobile-enabled stories running in View Time Optimization mode.
| What is supported? | What is not supported? |
|---|---|
|
Live data connectivity
Note For direct SAML Connection, the IDP login is
displayed for up to 60 sec to enter credentials. It closes
automatically. In case of a timed-out or failed connection,
tap Story refresh to reconnect your live data
source. |
Live data connectivity
|
| IDP session timeout – inconsistent reconnection to data source.
Note It is recommended that you manually refresh the story to
reconnect. |