Styling: AppShellHybridMobilePlatformMarkup

Oracle® JavaScript Extension Toolkit (JET)
17.1.0
G12196-01

Description

Hybrid mobile apps often need to adjust the style depending on the platform they run on. When running a hybrid app, we automatically apply a set of oj-platform-* classes to the element based on the device. This allows developers to set platform specific styles for their app.

.oj-platform-android

A markup style class indicating that the hybrid app is being run on the Android platform.

Example

<body class="oj-hybrid oj-platform-cordova oj-platform-android">
 <!-- page content -->
</body>

.oj-platform-cordova

A markup style class indicating that the hybrid app is being run in the Cordova environment (on a mobile device or emulator).

Example

<body class="oj-hybrid oj-platform-cordova oj-platform-ios">
 <!-- page content -->
</body>

.oj-platform-ios

A markup style class indicating that the hybrid app is being run on the ios platform.

Example

<body class="oj-hybrid oj-platform-cordova oj-platform-ios">
 <!-- page content -->
</body>