Styling: Application Shell: Hybrid Mobile Platform Markup

Oracle® JavaScript Extension Toolkit (JET)
3.2.0

E87541-01

Version:
  • 3.2.0
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 <body> element based on the device. This allows developers to set platform specific styles for their app.
Class(es) Description Example Usage
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).
<body class="oj-hybrid oj-platform-cordova oj-platform-ios">
  <!-- page content -->
</body>
oj-platform-android A markup style class indicating that the hybrid app is being run on the Android platform.
<body class="oj-hybrid oj-platform-cordova oj-platform-android">
  <!-- page content -->
</body>
oj-platform-ios A markup style class indicating that the hybrid app is being run on the iOS platform.
<body class="oj-hybrid oj-platform-cordova oj-platform-ios">
  <!-- page content -->
</body>