openSAP Building Mobile Applications with SAP

Screen Personas
Week 2 Unit 1: Designing for Different Device Sizes

PUBLIC
Topics Covered

1. The purpose of adaptive flavors

2. Building an adaptive flavor
3. Adaptive flavor behavior

Unit Summary

The purpose of adaptive flavors

The adaptive flavors feature allows you to create flavors that are sized for different
devices. They are based on a flavor that you have already built, called the parent flavor,
but are sized according to your specifications.

An adaptive flavor is also called a child flavor. Child flavors inherit all the properties
from the parent flavor, but you can rearrange and hide controls on screen to meet your
different users’ needs.

Building an adaptive flavor

You can create an adaptive flavor by clicking on the Show Adaptive Flavors button on
the flavor tile and then selecting Add Adaptive Flavor. Creating an adaptive flavor also
has one additional step: you must specify your desired flavor width.

There are several tools available in SAP Screen Personas to help you design your
adaptive flavors.

To help you visualize your set width, a gray border is applied at your breakpoint. Any
objects beyond this point will force your users to scroll horizontally to interact with
them — an undesired action in a mobile app. Instead, it is better to move and/or resize
these objects to ensure a better user experience for your users.

As mentioned in Week 1 Unit 5: Using the SAP Screen Personas Editor in the
Slipstream Engine, you can use the device preview feature to see what your flavor will
look like when rendered on your mobile device.

Adaptive flavor behavior

Once you have built both a parent and child flavor, the Slipstream Engine runtime
selects a flavor based on the width of the device rendering the screen.

2
Coding Samples
Any software coding or code lines/strings (“Code”) provided in this documentation are only examples and are not intended for use in a production system environment. The Code is only intended to better
explain and visualize the syntax and phrasing rules for certain SAP coding. SAP does not warrant the correctness or completeness of the Code provided herein and SAP shall not be liable for errors or
damages cause by use of the Code, except where such damages were caused by SAP with intent or with gross negligence.

www.sap.com/contactsap
© 2018 SAP SE or an SAP affiliate company. All rights reserved.
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an SAP affiliate company.

The information contained herein may be changed without prior notice. Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors.
National product specifications may vary.

These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP or its affiliated companies shall not be liable
for errors or omissions with respect to the materials. The only warranties for SAP or SAP affiliate company products and services are those that are set forth in the express warranty statements
accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty.

In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or t o develop or release any functionality
mentioned therein. This document, or any related presentation, and SAP SE’s or its affiliated companies’ strategy and possible future developments, products, and/or platform directions and functionality are
all subject to change and may be changed by SAP SE or its affiliated companies at any time for any reason without notice. The information in this document is not a commitment, promise, or legal obligation
to deliver any material, code, or functionality. All forward-looking statements are subject to various risks and uncertainties that could cause actual results to differ materially from e xpectations. Readers are
cautioned not to place undue reliance on these forward-looking statements, and they should not be relied upon in making purchasing decisions.

SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trade marks of SAP SE (or an SAP affiliate company) in Germany and other
countries. All other product and service names mentioned are the trademarks of their respective companies. See http://www.sap.com/corporate-en/legal/copyright/index.epx for additional trademark
information and notices.