Text Block

 

Text Block allows you to add text to your app and format it.
The text can either be entered into the Block directly or can come from a Data Source.

You can customize the size font and alignment of the text as well as how many lines of text will be displayed and various other properties.


This example is from the Hello World App


Text formatting in Text Block

The text block allows you to choose what style of font you would like to display in the Block. If you want to display more than one style of text or include line breaks then you'll need to use "Format Control"

You can add Text formatting properties like the following example:
 

[[ds:/Beans (Cloud Collection)/record/title]]{{br}}{{font Arial 14 Bold #c7d9e6}}[[ds:/Beans (Cloud Collection)/record/price]]{{font}}


When no font sizes are used, the default font set in the blocks Font field will be used.

Note: On Android, when using Text formatting you must also select the default Font and size in the Font field for it to function correctly. The size should be the largest font to be displayed in the formatting.


To use Format Control on your text click on the "Text" area of the Text Block.




When the dialogue box opens click on where it says "Format Control".
 This will give you access to allow you to use different font styles and Line Breaks.

 



In the following example you'll see that there are 3 lines of text in the text block. The first line is styled by the Format Control. It uses a closing tag {{font}} and a line break {{br}}.


The second line will use the text style of the text block and is followed by a line break  {{br}}.

The third line of text is styled by Format Control and has a closing font tag  {{font}} .

 The closing font tag must be used to bring in the font style. {{font}}.

 
 

Parameters 

  

FontThe font and color for the text.
Horizontal AlignmentThe horizontal alignment of the text. Defaults to Center
Vertical AlignmentThe vertical alignment of the text. Defaults to Center
Max LinesMaximum number of lines to show (defaults to 4). Set to blank/0 for no max lines
Resize To FitIf checked, the block will resize to fit its content. This should only be used when this block is within a Layout block, which will adjust its size when this block reports its new size, like Stack Layout.
Shadow ColorColor for the shadow effect under the text.
Shadow Offset XOffset on the X-axis of the shadow.
Shadow Offset YOffset on the Y-axis of the shadow.
Disable Double TapIf this box is checked, then double tapping this block will trigger the tap event once instead of twice.
Disable EllipsisThis will disable the ellipsis formatting.
ADA TextWhen ADA is enabled on a device, when this block is tapped, then the ADA Text displayed in this field will be read. If left blank, some devices may read the text of the block instead.
ADA DisableOverrides other settings–Disables ADA for this component


Learn More

- Introduction to Layouts

- Add your own Font