Element: <oj-input-text>

Oracle® JavaScript Extension Toolkit (JET)
17.1.0
G12198-01

DOM Interface: InputTextElement

Version:
  • 17.1.0
Since:
  • 0.6.0
.oj-form-control-full-width
Changes the max-width to 100% so that form components will occupy all the available horizontal space.
Example
<oj-input-text class="oj-form-control-full-width">
</oj-input-text>
.oj-text-field-start-end-icon
Use this class on a child div element if you want an icon to display in the start or end slot of an oj-input-text element.
Example
<oj-input-text id="myInputText" label-hint="My label">
  <div slot="start" :class="oj-text-field-start-end-icon oj-ux-ico-cc-card" role="img"><div>
</oj-input-text>

Category: Max Width

Note: This category of style classes is not supported in the following themes: Alta

In the Redwood theme the default max width of a text field is 100%. These max width convenience classes are available to create a medium or small field.
The class is applied to the root element.

Classes:

.oj-form-control-max-width-sm
.oj-form-control-max-width-md

Example
<oj-input-text class="oj-form-control-max-width-md"></oj-input-text>

Category: Width

Note: This category of style classes is not supported in the following themes: Alta

In the Redwood theme the default width of a text field is 100%. These width convenience classes are available to create a medium or small field.
The class is applied to the root element.

Classes:

.oj-form-control-width-sm
.oj-form-control-width-md

Example
<oj-input-text class="oj-form-control-width-md"></oj-input-text>

Category: Text Alignment

Classes that help align text of the element.

Classes:

.oj-form-control-text-align-right
.oj-form-control-text-align-start
.oj-form-control-text-align-end

Example
<oj-input-text class="oj-form-control-text-align-right">
</oj-input-text>