Styling: Application Shell: Hybrid Mobile Platform Markup

Oracle® JavaScript Extension Toolkit (JET)
8.0.0
F18189-01


Version:
  • 8.0.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>