TextBox

lowcodera TextBox Control

Purpose

The lowcodera text box is a component for editing, displaying, or entering plain text on forms to capture user names, phone numbers, email, and more.

Variations

‌There are several variations of textbox with different colors and configuration properties.

• Textbox

• Textbox with Numeric Value

• Textbox with Password

• Multiline Textbox

• Textbox with validations

Component Properties

The properties below are the main ones which change this components appearance and behaviors.

Property	Description	Required	Accepted Values
Label	Property to set Label for Textbox control	Yes	Text
Placeholder	Property to set placeholder inside Textbox control	X	Text
Type	Property to set if you want Float value in Textbox	X	Regular Float
IsRequired	Property to make our textbox field required	X	Boolean
Mode	Property to set Mode for textbox control	X	Number Password Text Multiline Text
LinesCount	Property to set line count for Multiline Textbox	X	Numeric
ShowSucess	Property to show success message	X	Boolean
SuccessMessage	Property to set success message	X	String
ShowError	Property to show error message	X	Boolean
ErrorMessage	Property to set error message	X	String

Examples

TextBox

Property Configration

• Labelproperty is to set as Name

• Placeholder is to set as Please Enter Name

Event Configuration

Once we configure our textbox and we want to write some events, we need to use OnChange Event of the button

UpdateContext({Name: TextBox2.CurrentValue})

Output Properties

Please check the following Output properties for Lowcodera's Textbox control.

Output Property	Purpose	Example
CurrentValue	Get Current value from Lowcodera Textbox Component.	TextBox2.CurrentValue

Textbox with Numeric Value

Property Configration

• Labelproperty is to set as Loan Amount

• Placeholder is to set as Please Enter Loan Amount

• IsRequired is to set as true

• Mode is to set as Number

Event Configuration

Once we configure our textbox and we want to write some events, we need to use OnChange Event of the button

UpdateContext({Name: TextBox2.CurrentValue})

Output Properties

Please check the following Output properties for Lowcodera's Textbox control.

Output Property	Purpose	Example
CurrentValue	Get Current value from Lowcodera Textbox Component.	TextBox2.CurrentValue

TextBox with Password

Property Configration

• Labelproperty is to set as Credit Card Number

• Placeholder is to set as Please Enter Credit Card Number

• Mode is to set as Password

Output Properties

Please check the following Output properties for Lowcodera's Textbox control.

Output Property	Purpose	Example
CurrentValue	Get Current value from Lowcodera Textbox Component.	TextBox2.CurrentValue

Multiline Textbox

Property Configration

• Labelproperty is to set as Comments

• Placeholder is to set as Please Enter Comments

• Mode is to set as Multilines Text

• LineCount is to set as 5

Output Properties

Please check the following Output properties for Lowcodera's Textbox control.

Output Property	Purpose	Example
CurrentValue	Get Current value from Lowcodera Textbox Component.	TextBox2.CurrentValue

Textbox with Validation

Property Configration

• Labelproperty is to set as Name

• Placeholder is to set as Please Enter Name

• IsError property to be set as If(IsBlank(txtnamebox.CurrentValue),true,false)

• ErrorMessage property to be set as Please enter valid value

Output Properties

Please check the following Output properties for Lowcodera's Textbox control.

Output Property	Purpose	Example
CurrentValue	Get Current value from Lowcodera Textbox Component.	TextBox2.CurrentValue