Preview a portal that you develop to verify that different types of devices, such as
a desktop computer or a smartphone, correctly display the user interface.
When you preview the application, you can turn on the design mode to modify the user
interface.
Note: Device preview is not a substitute for application tests on an actual
device.
-
In App Studio, click Preview
application, and then select a portal that you want to preview by clicking
the portal list next to the application name.
-
In the navigation pane of
App Studio, check the preview size by hovering over the monitor, tablet, and mobile phone icons.
Result: Different preview shapes indicate the screen size for every device.
-
Display the application preview for a device by clicking that device icon.
Note: When you preview a web portal on a mobile device, App
Studio displays it in a mobile browser. The browser interface is different
from a Mobile Client channel, which is a separate, mobile-native interface.
-
For tablets and mobile phones, toggle the viewing modes:
-
Switch between landscape and portrait modes by clicking the device icon
again.
-
Preview the app for a specific mobile device, in the drop-down list next to the
device icons, select a device model.