Styling: Responsive Prefixes

Oracle® JavaScript Extension Toolkit (JET)
3.2.0

E87541-01

Version:
  • 3.2.0
In this documentation you will see responsive classes that look like
  1. oj-[size]-[xyz], where [size] can be sm, md, lg, xl, or print. The style applies to the size specified and any larger sizes. For example oj-md-hide hides content on medium, large, and extra-large screens.
  2. oj-[size]-only-[xyz], where [size] can be sm, md, lg, or print. The style applies to only the size specified, for example oj-md-only-hide hides content on medium screens only. For xl just use the size class described above, for example oj-xl-hide.
  3. oj-[size]-down-[xyz], where [size] can be md, lg, or print. The style applies to the size specified and any smaller sizes, for example oj-md-down-hide hides content on small and medium screens. For sm use the sm-only class described above, for example oj-sm-only-hide.