Floatinglabel Textbox
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package '') Extends designtime/SolutionModel: Extends runtime:
TextBox is a text input component styled with Bootstrap. It allows users to enter single-line text values. The component supports various input types (e.g. text, password, email, etc.) and includes features such as autocomplete and error messaging.
This is a reference page; many components have detailed usage guides .
Html autocomplete property of the input field. Type: Default Value: "off"
Bound data provider identifier for the text field value. Type:
Flag indicating whether the text box is editable. Type: Default Value: true
Flag indicating whether the text box is enabled for user interaction. Type: Default Value: true
Fired when the text box action is triggered (for example, when the Enter key is pressed).
Parameters:
Handle changed data, return false if the value should not be accepted. JSEvent.data will contain extra information about dataproviderid, its scope and the scope id (record datasource or form/global variable scope)
Parameters:
Fired when the text box gains focus.
Parameters:
Fired when the text box loses focus.
Parameters:
Fired when the text box is right-clicked.
Parameters:
Request the focus to this text field.
Example:
Parameters:
Reset the dataProvider to null and change the inputType of the textbox. Note: the value of the dataProvider bound to this field will be automatically set to null
Example:
Parameters:
Toggles the display of the error message for the component.
Parameters:
Error message displayed when the input value is invalid or fails validation. Type:
The text displayed as a floating label when the typeahead input is focused or contains a value. Type:
Format string used to display and parse the text box value. Type:
The type of input for the text field (e.g. text, password, email, tel, etc.). Type: Default Value: "text"
Indicates whether the text box content should be automatically selected when the field gains focus. Type:
Set the styleclasses that should be applied at to this component Type: Default Value: "form-control"
Set the styleclasses for the eye when inputType on this component is password-with-eye, you need to add main(not manadatory), eye and eye-slash classes in this order, default value for NG is 'glyphicon glyphicon-eye-open glyphicon-eye-close' and for TiNG 'fa fa-eye fa-eye-slash' Type:
Tab sequence order for keyboard navigation. Type:
Tooltip text displayed when hovering over the text box. Type:
Whether the button is visible or not Type:
{} event The event object containing details about the action event e.g. target element, key pressed
{} oldValue The previous value from the data provider
{} newValue The new value to be set in the data provider
{} event The event object associated with the data change
Returns: {}
{} event The event object containing details about the focus gained event e.g. target element, timestamp
{} event The event object containing details about the focus lost event e.g. target element, timestamp
{} event The event object containing details about the right-click event e.g. target element, mouse coordinates
{} [mustExecuteOnFocusGainedMethod] If false will not execute the onFocusGained method; the default value is true
{} inputType Allowed values for inputType are text, password, email, tel, date, time, datetime-local, month, week, number, color
Returns: True if the inputType was successfully changed and the dataProvider was reset to null; false otherwise.
{} show A flag indicating whether to show (true) or hide (false) the error message.