Styling: FormControls

Oracle® JavaScript Extension Toolkit (JET)
18.1.0
G25384-01

Version:
  • 18.1.0
Style classes relating to editable value Form controls
.oj-form-control
Class automatically generated by editable value components, but may be specified for html elements that desire to be styled like a component.
Example
<input type="text" id="street" class="oj-form-control oj-inputtext-nocomp">
</input>

Category: Form Control Type

Specify whether or not a contained form component should inherit the container's styles, such as height, border, color and background-color.

Data collection components like the Table and Data Grid automatically apply the oj-form-control-inherit class to their cells, since it usually achieves the best results for editable value form controls in a fixed-size grid. To prevent this behavior, apply the oj-form-control-default class to any cell or cells where you want to override the container's styles.

Classes:

.oj-form-control-default
.oj-form-control-inherit

Example
<div class="demo-cell oj-form-control-inherit">
   <oj-input-text id="input3" required value="the value"></oj-input-text>
</div>

<div class="demo-cell oj-form-control-default">
  <oj-input-text id="input3" required value="the value"></oj-input-text>
</div>