TextAreaPickerField
A picker field that opens a dropdown <textarea> for multiline text input. Unlike TextAreaField which renders the textarea inline, this widget keeps a compact single-line appearance and expands into a picker dropdown when triggered. This field can be used as a cell editor in a Grid.
const textAreaPicker = new TextAreaPickerField({
label : 'Notes',
placeholder : 'Enter some text',
appendTo : document.body
});
Useful configs and properties
| Config | Description |
|---|---|
| value | Current text value |
| placeholder | Placeholder text shown when empty |
| label | Field label displayed beside the field |
See also
- TextAreaField - Inline multiline text field
- PickerField - Base class for fields with dropdown pickers
No results
Configs
Configs are options you supply in a configuration object when creating an instance of this class-
The resize style to apply to the
<textarea>element.
Properties
Properties are getters/setters or publicly accessible variables on this class-
Identifies an object as an instance of TextAreaPickerField class, or subclass thereof.
-
Identifies an object as an instance of TextAreaPickerField class, or subclass thereof.
CSS variables
CSS variables that can be set to adjust appearance| Name | Description |
|---|---|
| --b-text-area-picker-field-picker-background | Picker background |
| --b-text-area-picker-field-picker-color | Picker color |
type: textareapickerfield