Text Input

Text Input Overview
Properties
Text Input
Property
Description
Data Type
Hint
The prompt text the user sees when the Text Input is empty (eg. Type Here) 
Text
Text
Text value of the Text Input
Text
Keyboard
Set a keyboard to sppear when your end user clicks the Text Input
Select from list [default, email address, numeric, phone pad]
Secure Text Entry
Toggle whether text is obscured as your end user types (suitable for entering passwords and other sensitive information)
True/False
Font
Set the font for the Hint and Text properties. Options can be found here: Google Fonts.
Text
Font Italic (web app only)
Select whether hint and text are shown in italics.
True/False
Underline (web app only)
Select whether the hint and text are underlined.
True/False
Strikethrough (web app only)
Apply strikethrough formatting to the hint and text. 
True/False
Writing Direction (iOS and web app only)
Set whether text should be written left-to-right or right-to-left.
Select from icons.
Font Size
Height of hint and text in pixels.
Number
Letter Spacing
Spacing between letters in pixels.
Number
Advanced Properties
Property
Description
Data Type
Editable
Toggle whether your end user can edit the text 
True/False
Multiline
Toggle whether your end user can enter multiple lines of text
True/False
Auto Focus
Toggle whether Text Input is automatically in focus when the Screen opens
True/False
Max Length (Android and iOS only)
Set maximum number of lines of text your end user can enter
Number
Clear Button Mode (iOS only)
Toggle when your iOS end users have the option to clear the Text Input's text
Select from list [never, while-editing, unless-editing, always]
Input Color
Color of Text Input's Text
Color
Background Color
Color of Text Input's background
Color
Hint Text Color
Color of Text Input's hint
Color
Selection Color (Android and iOS only)
Set the color to highlight text when your end user selects text
Color
Layout
Property
Description
Data Type
X
Set the location of your Text Input the X-axis in pixels
Number
Y
Set the location of your Text Input on the Y-axis in pixels
Number
Height
Set the Height of your Text Input in pixels
Number
Width
Set the Width of your Text Input in pixels
Number
Resize Mode
Define dimensions of the text input component/container
Select from list [Stretch, Float in Place]
Style
Property
Description
Data Type
Visible
Toggle whether your end users can see the Text Input
True/False
Border Style
Style of Text Input's border
Select from list [solid, dotted, dashed]
Border Color
Color of Text Input's border
Color
Border Width
Width of Text Input's border in pixels
Number
Border Radius
Radius of corners of Text Input's border in pixels
Number
Shadow Color
Color of Text Input's shadow
Color
Shadow Opacity
Opacity of Text Input's shadow
Number between 0 and 100
Shadow Radius
Radius of corners of Text Input's shadow in pixels
Number
Shadow Offset
How far Text Input's shadow should be offset, in Height and Width, in pixels
Number
Blocks
Events
Click
This event fires when the user clicks on the Text Input component.
Unfocus 
This event fires when the component looses focus, i.e the user clicks on another component.
Submit 
This event fires when the enter or submit button is pressed on the device keyboard.
Changes
This event fires every time a character is added or removed to the Text Input.
Properties
Border Width
Set and get the Text Input's border width.​
Height 
Returns the height of the Text Input component in pixels after it has been rendered on-screen.
Hint 
Set and get the Text Input's Hint text.
Keyboard Type 
Set and get the Text Input's keyboard type.
Text 
Set and get the Text Input's Text.
Visible 
Set and get the Text Input's visibility. 
Width
​
Returns the width of the Text Input component in pixels after it has been rendered on-screen.

Image

List Viewer

Last modified 1mo ago

Export as PDF

Copy link

On this page

Text Input Overview

Properties

Text Input

Advanced Properties

Layout

Style

Blocks

Events

Properties