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

Text

Type

Property to set if you want Float value in Textbox

Regular

Float

IsRequired

Property to make our textbox field required

Boolean

Mode

Property to set Mode for textbox control

Number

Password

Text

Multiline Text

LinesCount

Property to set line count for Multiline Textbox

Numeric

ShowSucess

Property to show success message

Boolean

SuccessMessage

Property to set success message

String

ShowError

Property to show error message

Boolean

ErrorMessage

Property to set error message

String

Examples

TextBox

Labelproperty is to set as Name
Placeholder is to set as Please Enter Name

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})

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

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

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})

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

Labelproperty is to set as Credit Card Number
Placeholder is to set as Please Enter Credit Card Number
Mode is to set as Password

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

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

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

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

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

PreviousProgress Bar NextVertical Navbar

Last updated 3 years ago

Was this helpful?