Floatinglabel Textbox

(part of package 'Bootstrap Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent

This is a reference page; many components have detailed usage guides here.

Properties

autocomplete

Html autocomplete property of the input field.

Type: String Default Value: "off"

---

dataProviderID

Type: Dataprovider

---

editable

Type: Protected Default Value: true

---

enabled

Type: Enabled Default Value: true

---

errorMessage

Type: String

---

floatLabelText

Type: String

---

format

Type: Format

---

inputType

Type: String Default Value: "text"

---

selectOnEnter

Type: Boolean

---

styleClass

Set the styleclasses that should be applied at to this component

Type: Styleclass Default Value: "form-control"

---

styleClassForEye

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: Styleclass

---

tabSeq

Type: Tabseq

---

toolTipText

Type: String

---

visible

Whether the button is visible or not

Type: Visible

---

Events

onActionMethodID(event)

Parameters:

• {JSEvent} event

---

onDataChangeMethodID(oldValue,newValue,event)

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:

• {${dataproviderType}} oldValue

• {${dataproviderType}} newValue

• {JSEvent} event

Returns: {Boolean}

---

onFocusGainedMethodID(event)

Parameters:

• {JSEvent} event

---

onFocusLostMethodID(event)

Parameters:

• {JSEvent} event

---

onRightClickMethodID(event)

Parameters:

• {JSEvent} event

---

API

requestFocus(mustExecuteOnFocusGainedMethod)

Request the focus to this text field.

Example:

myElement.requestFocus();

Parameters:

• {Boolean} [mustExecuteOnFocusGainedMethod] If false will not execute the onFocusGained method; the default value is true

---

setInputType(inputType)

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:

myElement.inputType("tel");

Parameters:

• {String} inputType Allowed values for inputType are text, password, email, tel, date, time, datetime-local, month, week, number, color

Returns: Boolean True if the inputType was successfully changed and the dataProvider was reset to null; false otherwise.

---

toggleErrorMessage(show)

Toggles the display of the error message for the component.

Parameters:

• {Boolean} show A flag indicating whether to show (true) or hide (false) the error message.

---

---