Styling: Labels

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


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