Label

Last updated 10 months ago

​Style the Label​
​Edit the Label size​
​Add spacing​
On Thunkable Classic Android, Labels were often used to add spacing to an app but that's no longer necessary with the spacing properties available in most visible components on Thunkable Cross Platform ✕. Learn more about spacing here​
Style the Label
Property
Description
Text
Default (Label); Text of the label
Color
Default (#007AFF); Color of the text that appears in the label
Font Bold
Default (false); If true, text font will be bold
Font Italic
Default (false); If true, text font will be italic
Font Size
Default (14); Size of the optional text that appears on the button
Background Color
Default (none); Sets the background color of the label
Border
Default (none); You can set the width, color and style of the border around the label
Edit the Label size
If the text in your label is more than a single line, we recommend that you set the Height to Fit contents
For more information on sizing in your app, please see our introduction here​​
Property
Description
Height
Default (25 pixels); Four options: 1) Fit contents which auto-sizes to the content size or 2) Fill container which auto-sizes to the container 3) Relative size in percent of Screen, 4) Absolute size in pixels
Width
Default (Fit contents); Four options: 1) Fit contents which auto-sizes to the content size or 2) Fill container which auto-sizes to the container 3) Relative size in percent of Screen, 4) Absolute size in pixels
Add spacing
For more information on adding spacing in your app, please see our introduction here​
To find the spacing properties, you'll have to select the Advanced tab
Property
Description
Margin Advanced
Default (none); Margin is the space outside of the border of a component; You can set space on the top, bottom, right or left of the component in both pixels or percent of Screen
Padding Advanced
Default (none); Padding is the space between the contents and the border of a component; You can set space on the top, bottom, right or left of the component in both pixels or percent of Screen

Button

Text Input

Property	Description
Margin `Advanced`	Default (`none`); Margin is the space outside of the border of a component; You can set space on the `top`, `bottom`, `right` or `left` of the component in both pixels or percent of Screen
Padding `Advanced`	Default (`none`); Padding is the space between the contents and the border of a component; You can set space on the `top`, `bottom`, `right` or `left` of the component in both pixels or percent of Screen

Property	Description
Text	Default (`Label`); Text of the label
Color	Default (`#007AFF`); Color of the text that appears in the label
Font Bold	Default (`false`); If `true`, text font will be bold
Font Italic	Default (`false`); If `true`, text font will be italic
Font Size	Default (`14`); Size of the optional text that appears on the button
Background Color	Default (`none`); Sets the background color of the label
Border	Default (`none`); You can set the `width`, `color` and `style` of the border around the label

Property	Description
Height	Default (`25 pixels`); Four options: 1) `Fit contents` which auto-sizes to the content size or 2) `Fill container` which auto-sizes to the container 3) `Relative size` in percent of Screen, 4) `Absolute size` in pixels
Width	Default (`Fit contents`); Four options: 1) `Fit contents` which auto-sizes to the content size or 2) `Fill container` which auto-sizes to the container 3) `Relative size` in percent of Screen, 4) `Absolute size` in pixels