Welcome, Guest Login

Support Center

Text

Last Updated: Mar 09, 2017 12:10PM EST

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 

Font The font and color for the text.
Horizontal Alignment The horizontal alignment of the text. Defaults to Center
Vertical Alignment The vertical alignment of the text. Defaults to Center
Max Lines Maximum number of lines to show (defaults to 4). Set to blank/0 for no max lines
Resize To Fit If 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 Color Color for the shadow effect under the text.
Shadow Offset X Offset on the X-axis of the shadow.
Shadow Offset Y Offset on the Y-axis of the shadow.
Disable Double Tap If this box is checked, then double tapping this block will trigger the tap event once instead of twice.
Disable Ellipsis This will disable the ellipsis formatting.
ADA Text When 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 Disable Overrides other settings–Disables ADA for this component


Learn More

- Introduction to Layouts
- Add your own Font

Help us improve! Rate this article:

Yes I found this article helpful

Ask a Question   

support@eachscape.com
http://assets0.desk.com/
false
eachscape
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete