Styling: Labels

Oracle® JavaScript Extension Toolkit (JET)
5.2.0
E97691-01

Version:
  • 5.2.0
Class(es) Description Example Usage
oj-label place on an element when you want to style it like a JET oj-label. Not much different than oj-label-nocomp, though this is the same style we use for our oj-label component. 
<label class="oj-label">
  label text
</label>
oj-label-for-non-control place on a label element 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 or oj-label element 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). 
<oj-label class="oj-label-inline">
  label text
</oj-label>
oj-label-inline-top place on a label element or oj-label element to inline the label with the sibling dom element and have zero margin-top. 
<oj-label class="oj-label-inline">
  label text
</oj-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. 
<oj-label class="oj-label-nocomp">
  label text
</oj-label>
oj-label-nowrap place on a label element or oj-label element 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). 
<oj-label class="oj-label-nowrap">
  label text
</oj-label>