Styling: Labels

Oracle® JavaScript Extension Toolkit (JET)
7.1.0

F18183-01


Version:
  • 7.1.0
Class(es) Description Example Usage
oj-label-for-non-control place on a label element along with oj-label-nocomp when you want to style it like a JET oj-label but the label isn't associated with a JET form control, such as when you have a label for some plain text.
<label class="oj-label-nocomp oj-label-for-non-control">
  label text for some plain text
</label>
<span>some plain text</span>
oj-label-inline place on a label element along with oj-label-nocomp to inline the label with the sibling dom element when you don't want to use the responsive design classes (e.g., oj-md-labels-inline).
<label class="oj-label-nocomp oj-label-inline">
  label text
</label>
oj-label-inline-top place on a label element along with oj-label-nocomp and oj-label-inline selectors to inline the label with the sibling dom element and have zero margin-top.
<label class="oj-label-nocomp oj-label-inline oj-label-inline-top">
  label text
</label>
oj-label-nocomp place on a label element when it isn't a JET component but you want it to be styled like a JET oj-label.
<label class="oj-label-nocomp">
  label text
</label>
oj-label-nowrap place on a label element along with oj-label-nocomp to have it not wrap when you don't want to use the responsive design classes (e.g., oj-md-labels-nowrap or oj-md-label-nowrap).
<label class="oj-label-nocomp oj-label-nowrap">
  label text
</label>