Text Component Properties

Text
Sets or reflects the string that appears in this text component.

The Text property

Multiline
Specifies whether this text component has multiline capability. Press Alt + Enter to insert a line break.

TRUE
Line breaks are recognized.

FALSE
Line breaks are ignored. All text is displayed on a single line.

The Multiline property

Editable
Specifies whether the user can edit the text in this component at runtime by clicking on it.

The Editable property

Word Wrap
Specifies whether overflow text wraps. Multiline text must be enabled for this property to take effect.

The Word Wrap property

Font
Specifies the font for this element. You can add a new font, and then specify it using the drop-down menu for this property.

To add a new font to your project and use it for this property:

1. If you have not already done so, right-click the root folder for your project, and add a new folder named fonts.
2. Navigate to the font file on your computer and drag it to the fonts folder.
3. Save your work and refresh the browser.
4. Specify the font using the drop-down menu for this property.

The Font property

Font Color
Defines the font color for this element.

The Font Color property

Font Size
Defines the font size for this element. If the font size is set to Auto, the text scales to occupy the size of the component.

The Font Size property

Italic
Specifies whether text in this element is italicized.

The Italic property

Bold
Specifies whether text in this element is bold.

The Bold property

Underline
Specifies whether text in this element is underlined.

The Underline property

Horizontal Alignment
Specifies whether the content in this component is left-justified, centered, or right-justified.

The Horizontal Alignment property

Vertical Alignment
Specifies whether the content in this component is positioned at the top, middle, or bottom of the container.

The Vertical Alignment property

Left Padding
Defines a number of pixels of space between the left container boundary and the leftmost edge of the content. Negative numbers are not allowed.

Paddings are part of an object's width and height. See Borders, Padding, and Content Size.

The Left Padding property

Right Padding
Defines a number of pixels of space between the right container boundary and the rightmost edge of the content. Negative numbers are not allowed.

Paddings are part of an object's width and height. See Borders, Padding, and Content Size.

The Right Padding property

Top Padding
Defines a number of pixels of space between the top container boundary and the topmost edge of the content. Negative numbers are not allowed.

Paddings are part of an object's width and height. See Borders, Padding, and Content Size.

The Top Padding property

Bottom Padding
Defines a number of pixels of space between the bottom container boundary and the bottommost edge of the content. Negative numbers are not allowed.

Paddings are part of an object's width and height. See Borders, Padding, and Content Size.

The Bottom Padding property

Link Paddings
Links all four padding editors so that their values are equal.

The Link Paddings property

Text Direction
Specifies the direction for text and input in this component, to support the use of right-to-left languages.

Left to right
The text or user input direction is left to right.

Right to left
The text or user input direction is right to left.

Auto
The direction of user input is automatically detected as the user enters text.

The Text Direction property

Max Font Size
Defines the maximum font size for this text component. This property is only applicable when text size is set to Auto.

The Max Font Size property

Min Font Size
Defines the minimum font size for this text component. This property is only applicable when text size is set to Auto.

The Min Font Size property

Max Char Length
Specifies the maximum number of characters allowed in this text component.

The Max Char Length property

Clip Content
Defines the handling of text that overflows this text component.

TRUE
All overflowed text is clipped and is not visible.

FALSE
All overflowed text is visible and responds to mouse events.

The Clip Content property

Is HTML
Specifies whether the string in this text component is rendered as HTML. For security, does not not parse advanced HTML tags such as hyperlinks. Only works if Editable is set to FALSE, Horizontal Alignment is set to Left, and Vertical Alignment is set to Top. Hard line breaks added by pressing Alt + Enter are not rendered.

The Is HTML property

Is Advanced HTML
Renders the text as HTML, including links, forms, images and marquees. Links must be preceded with "http:" or "https:". Only works if Editable is set to FALSE, Horizontal Alignment is set to Left, and Vertical Alignment is set to Top. Hard line breaks added by pressing Alt + Enter are not rendered.

The Is Advanced HTML property

Character Spacing
Specifies the horizontal spacing between characters. If null, the default spacing for the selected font is used.

The Character Spacing property

Line Spacing
Specifies the vertical spacing between lines. If 0, the default spacing for the selected font is used.

The Line Spacing property