Control label appearance
expand all in page
Labels are UI components that contain static text for labelling parts of an app. Properties control the appearance and behavior of a label. Use dot notation to refer to a specific object and property.
fig = uifigure;tlabel = uilabel(fig);tlabel.Text = 'Options';
Text
expand all
Interpreter
— Label text interpreter
'none'
(default) | 'tex'
| 'latex'
| 'html'
Label text interpreter, specified as:
'none'
— Display literal characters.'tex'
— Interpret text using a subset of TeX markup.'latex'
— Interpret text using a subset of LaTeX markup.'html'
— Interpret text using a subset of HTML markup.
TeX Markup
Use TeX markup to add superscripts and subscripts and to include special characters in the text.
Modifiers remain in effect until the end of the text. Superscripts and subscripts are an exception because they modify only the next character or the characters within the curly braces. When you set the interpreter to 'tex'
, the supported modifiers are as follows.
Modifier | Description | Example |
---|---|---|
^{ } | Superscript | 'text^{superscript}' |
_{ } | Subscript | 'text_{subscript}' |
\bf | Bold font | '\bf text' |
\it | Italic font | '\it text' |
\sl | Oblique font (usually the same as italic font) | '\sl text' |
\rm | Normal font | '\rm text' |
\fontname{ | Font name — Replace with the name of a font family. You can use this in combination with other modifiers. | '\fontname{Courier} text' |
\fontsize{ | Font size —Replace with a numeric scalar value in point units. | '\fontsize{15} text' |
\color{ | Font color — Replace with one of these colors: red , green , yellow , magenta , blue , black , white , gray , darkGreen , orange , or lightBlue . | '\color{magenta} text' |
\color[rgb]{specifier} | Custom font color — Replace with a three-element RGB triplet. | '\color[rgb]{0,0.5,0.5} text' |
This table lists the supported special characters for the 'tex'
interpreter.
Character Sequence | Symbol | Character Sequence | Symbol | Character Sequence | Symbol |
---|---|---|---|---|---|
| α |
| υ |
| ~ |
| ∠ |
| ϕ |
| ≤ |
|
|
| χ |
| ∞ |
| β |
| ψ |
| ♣ |
| γ |
| ω |
| ♦ |
| δ |
| Γ |
| ♥ |
| ϵ |
| Δ |
| ♠ |
| ζ |
| Θ |
| ↔ |
| η |
| Λ |
| ← |
| θ |
| Ξ |
| ⇐ |
| ϑ |
| Π |
| ↑ |
| ι |
| Σ |
| → |
| κ |
| ϒ |
| ⇒ |
| λ |
| Φ |
| ↓ |
| µ |
| Ψ |
| º |
| ν |
| Ω |
| ± |
| ξ |
| ∀ |
| ≥ |
| π |
| ∃ |
| ∝ |
| ρ |
| ∍ |
| ∂ |
| σ |
| ≅ |
| • |
| ς |
| ≈ |
| ÷ |
| τ |
| ℜ |
| ≠ |
| ≡ |
| ⊕ |
| ℵ |
| ℑ |
| ∪ |
| ℘ |
| ⊗ |
| ⊆ |
| ∅ |
| ∩ |
| ∈ |
| ⊇ |
| ⊃ |
| ⌈ |
| ⊂ |
| ∫ |
| · |
| ο |
| ⌋ |
| ¬ |
| ∇ |
| ⌊ |
| x |
| ... |
| ⊥ |
| √ |
| ´ |
| ∧ |
| ϖ |
| ∅ |
| ⌉ |
| 〉 |
| | |
| ∨ |
| 〈 |
| © |
LaTeX Markup
To use LaTeX markup, set the interpreter to 'latex'
. Use LaTeX markup to format and display mathematical expressions, equations, and special characters. Use dollar symbols around the marked up text. For example, use '$\int_1^{20} x^2 dx$'
for inline mode or '$$\int_1^{20} x^2 dx$$'
for display mode.
The displayed text uses the default LaTeX font style. The FontName
, FontWeight
, and FontAngle
label properties do not have an effect. To change the font style, use LaTeX markup.
MATLAB supports most standard LaTeX math mode commands. For more information, see Supported LaTeX Commands.
HTML Markup
To use HTML markup, set the interpreter to 'html'
. Setting font styles via HTML overrides any equivalent Label
font properties. For example, the following code results in red text.
lbl = uilabel('Interpreter','html');lbl.Text = '<p style="color: red;">Text</p>';lbl.FontColor = 'blue';
The interpreter supports a subset of HTML markup. As a general guideline, the interpreter supports text-related tags and styles. Unsupported tags and styles are ignored.
This table lists the supported elements and element attributes.
HTML Element | Attributes | Description |
---|---|---|
a | style , target , href , title | Hyperlink |
abbr | style , title | Abbreviation or acronym |
address | style | Contact information |
article | style | Self-contained, independent content |
aside | style | Content indirectly related to the main content |
b | style | Bold text |
bdi | style , dir | Content formatted in a different direction from surrounding text |
bdo | style , dir | Content formatted in a different direction from surrounding text |
big | style | Text one font size level larger than surrounding text (obsolete in HTML5) |
blockquote | style , cite | Extended quotation |
br | n/a | Line break |
caption | style | Caption or title of a table |
center | style | Content centered horizontally |
cite | style | Title of a creative work |
code | style | Fragment of code |
col | style , align , valign , span , width | Column within a table |
colgroup | style , align , valign , span , width | Group of columns within a table |
dd | style | Term or value in a description list |
del | style , datetime | Text that was deleted from a document |
details | style , open | Interactive widget with text visible only when toggled to 'open' state |
dl | style | Description list |
dt | style | Term or value in a description list |
em | style | Emphasized text (typically displayed in italic) |
font | style , color , size , face | Text with specified font properties (obsolete in HTML5) |
footer | style | Footer |
h1 . h2 , h3 , h4 , h5 , h6 | style | Section heading — <h1> is the highest level of heading and <h6> is the lowest |
header | style | Introductory content |
hr | style | Thematic break |
i | style | Text offset from the surrounding content — by default rendered as italic |
ins | style , datetime | Text inserted into a document |
li | style | Item in a list |
mark | style | Marked or highlighted text |
ol | style | Ordered list |
p | style | Paragraph |
pre | style | Preformatted text |
s | style | Text with a strikethrough |
strike | style | Text with a strikethrough (obsolete in HTML5) |
section | style | Standalone section |
small | style | Text one font size level smaller than surrounding text (obsolete in HTML5) |
sub | style | Subscript |
sup | style | Superscript |
strong | style | Text with strong importance |
table | style , width , border , align , valign | Table |
tbody | style , align , valign | Table body |
td | style , width , rowspan , colspan , align , valign | Table data cell |
tfoot | style , align , valign | Set of table rows that summarize the table columns |
th | style , width , rowspan , colspan , align , valign | Table data cell specified as a header of a group of cells |
thead | style , align , valign | Set of table rows that specify the column heads |
tr | style , rowspan , align , valign | Row of table cells |
tt | style | Monospace text (obsolete in HTML5) |
u | style | Text with an unarticulated annotation — by default rendered as an underline |
ul | style | Unordered list |
For more information about these elements, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element.
To use HTML markup to create a hyperlink that runs MATLAB code, see Create Hyperlinks that Run Functions.
You can use HTML style attributes to format HTML content. A style attribute is a string of CSS attributes and their values.
These CSS attributes are supported:
background-color
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
color
direction
font-family
font-size
font-style
font-weight
height
hidden
line-height
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
min-height
min-width
overflow
overflow-wrap
overflow-x
overflow-y
padding
padding-bottom
padding-left
padding-right
padding-top
text-align
text-anchor
text-decoration
text-indent
text-overflow
text-shadow
text-transform
title
translate
white-space
width
For more information about these attributes, see https://developer.mozilla.org/en-US/docs/Web/CSS/Reference.
HorizontalAlignment
— Horizontal alignment of text
'left'
(default) | 'right'
| 'center'
Horizontal alignment of the text, specified as:
'right'
— Text aligns on the right side of the area specified by thePosition
property.'left'
— Text aligns on the left side of the area specified by thePosition
property.'center'
— Text centers horizontally in the area specified by thePosition
property.
Aligning label text is useful when the text spans multiple lines.
VerticalAlignment
— Vertical alignment of text
'center'
(default) | 'top'
| 'bottom'
Vertical alignment of the text, specified as one of the following:
'center'
— Text centers vertically in the area specified by thePosition
property.'top'
— Text aligns on the top of the area specified by thePosition
property.'bottom'
— Text aligns on the bottom of the area specified by thePosition
property.
Aligning label text is useful when the text spans multiple lines.
WordWrap
— Word wrapping to fit component width
'off'
(default) | on/off logical value
Word wrapping to fit component width, specified as 'off'
or 'on'
, or as numeric or logical 0
(false
) or 1
(true
). A value of 'off'
is equivalent to false
, and 'on'
is equivalent to true
. Thus, you can use the value of this property as a logical value. The value is stored as an on/off logical value of type matlab.lang.OnOffSwitchState.
Use this property to prevent text from getting clipped horizontally when the width of the component is smaller than the text you want to display.
'off'
— Text does not wrap.'on'
— Breaks text into new lines so that each line fits within the width of the component and avoids breaking words when possible.
Setting the WordWrap
property to 'on'
does not prevent text from getting clipped vertically when the height of the component is too small to display all the lines of text.
Font and Color
expand all
BackgroundColor
— Background color
'none'
(default) | RGB triplet | hexadecimal color code | 'r'
| 'g'
| 'b'
| ...
Background color, specified as an RGB triplet, a hexadecimal color code, or one of the color options listed in the table.
For a custom color, specify an RGB triplet or a hexadecimal color code.
An RGB triplet is a three-element row vector whose elements specify the intensities of the red, green, and blue components of the color. The intensities must be in the range
[0,1]
, for example,[0.4 0.6 0.7]
.A hexadecimal color code is a string scalar or character vector that starts with a hash symbol (
#
) followed by three or six hexadecimal digits, which can range from0
toF
. The values are not case sensitive. Therefore, the color codes"#FF8800"
,"#ff8800"
,"#F80"
, and"#f80"
are equivalent.
Alternatively, you can specify some common colors by name. This table lists the named color options, the equivalent RGB triplets, and hexadecimal color codes.
Color Name | Short Name | RGB Triplet | Hexadecimal Color Code | Appearance |
---|---|---|---|---|
"red" | "r" | [1 0 0] | "#FF0000" | |
"green" | "g" | [0 1 0] | "#00FF00" | |
"blue" | "b" | [0 0 1] | "#0000FF" | |
"cyan" | "c" | [0 1 1] | "#00FFFF" | |
"magenta" | "m" | [1 0 1] | "#FF00FF" | |
"yellow" | "y" | [1 1 0] | "#FFFF00" | |
"black" | "k" | [0 0 0] | "#000000" | |
"white" | "w" | [1 1 1] | "#FFFFFF" | |
"none" | Not applicable | Not applicable | Not applicable | No color |
Here are the RGB triplets and hexadecimal color codes for the default colors MATLAB uses in many types of plots.
RGB Triplet | Hexadecimal Color Code | Appearance |
---|---|---|
[0 0.4470 0.7410] | "#0072BD" | |
[0.8500 0.3250 0.0980] | "#D95319" | |
[0.9290 0.6940 0.1250] | "#EDB120" | |
[0.4940 0.1840 0.5560] | "#7E2F8E" | |
[0.4660 0.6740 0.1880] | "#77AC30" | |
[0.3010 0.7450 0.9330] | "#4DBEEE" | |
[0.6350 0.0780 0.1840] | "#A2142F" |
Data Types: double
| char
Interactivity
expand all
Enable
— Visual appearance of label
'on'
(default) | on/off logical value
Visual appearance of the label, specified as 'on'
or 'off'
, or as numeric or logical 1
(true
) or 0
(false
). A value of 'on'
is equivalent to true
, and 'off'
is equivalent to false
. Thus, you can use the value of this property as a logical value. The value is stored as an on/off logical value of type matlab.lang.OnOffSwitchState.
'on'
— Label appears normal'off'
— Label appears dimmed
Tooltip
— Tooltip
''
(default) | character vector | cell array of character vectors | string array | 1-D categorical array
Tooltip, specified as a character vector, cell array of character vectors, string array, or 1-D categorical array. Use this property to display a message when the user hovers the pointer over the component at run time. The tooltip displays even when the component is disabled. To display multiple lines of text, specify a cell array of character vectors or a string array. Each element in the array becomes a separate line of text. If you specify this property as a categorical array, MATLAB uses the values in the array, not the full set of categories.
ContextMenu
— Context menu
empty GraphicsPlaceholder
array (default) | ContextMenu
object
Context menu, specified as a ContextMenu
object created using the uicontextmenu function. Use this property to display a context menu when you right-click on a component.
Position
expand all
InnerPosition
— Inner location and size of label
[100 100 31 22]
(default) | [left bottom width height]
Inner location and size of label, specified as [left bottom width height]
. Position values are relative to the parent container. All measurements are in pixel units. This property value is identical to Position
property.
OuterPosition
— Outer location and size of label
[100 100 31 22]
(default) | [left bottom width height]
This property is read-only.
Outer location and size of label, returned as [left bottom width height]
. Position values are relative to the parent container. All measurements are in pixel units. This property value is identical to Position
.
Layout
— Layout options
empty LayoutOptions
array (default) | GridLayoutOptions
object
Layout options, specified as a GridLayoutOptions
object. This property specifies options for components that are children of grid layout containers. If the component is not a child of a grid layout container (for example, it is a child of a figure or panel), then this property is empty and has no effect. However, if the component is a child of a grid layout container, you can place the component in the desired row and column of the grid by setting the Row
and Column
properties on the GridLayoutOptions
object.
For example, this code places a label in the third row and second column of its parent grid.
g = uigridlayout([4 3]);tlabel = uilabel(g);tlabel.Layout.Row = 3;tlabel.Layout.Column = 2;
To make the label span multiple rows or columns, specify the Row
or Column
property as a two-element vector. For example, this label spans columns 2
through 3
:
tlabel.Layout.Column = [2 3];
Callbacks
expand all
Callback Execution Control
expand all
Parent/Child
expand all
Parent
— Parent container
Figure
object (default) | Panel
object | Tab
object | ButtonGroup
object | GridLayout
object
Parent container, specified as a Figure
object created using the uifigure function, or one of its child containers: Tab
, Panel
, ButtonGroup
, or GridLayout
. If no container is specified, MATLAB calls the uifigure
function to create a new Figure
object that serves as the parent container.
Identifiers
expand all
Type
— Type of graphics object
'uilabel'
This property is read-only.
Type of graphics object, returned as 'uilabel'
.
Version History
Introduced in R2016a
expand all
R2021a: Style text and display equations
Use the Interpreter
property to enable HTML or LaTeX markup for the label text.
R2020b: Wrap label text
Use the WordWrap
property to prevent text from getting clipped horizontally when the width of the UI component is smaller than the text you want to display. Setting the WordWrap
property to 'on'
breaks the text into new lines so that each line fits within the component. It avoids breaking words when possible. When the property is set to 'off'
, the text does not wrap.
See Also
Functions
- uilabel | uifigure
Tools
- App Designer
MATLAB Command
You clicked a link that corresponds to this MATLAB command:
Run the command by entering it in the MATLAB Command Window. Web browsers do not support MATLAB commands.
Select a Web Site
Choose a web site to get translated content where available and see local events and offers. Based on your location, we recommend that you select: .
You can also select a web site from the following list:
Americas
- América Latina (Español)
- Canada (English)
- United States (English)
Europe
- Belgium (English)
- Denmark (English)
- Deutschland (Deutsch)
- España (Español)
- Finland (English)
- France (Français)
- Ireland (English)
- Italia (Italiano)
- Luxembourg (English)
- Netherlands (English)
- Norway (English)
- Österreich (Deutsch)
- Portugal (English)
- Sweden (English)
- Switzerland
- Deutsch
- English
- Français
- United Kingdom (English)
Asia Pacific
- Australia (English)
- India (English)
- New Zealand (English)
- 中国
- 日本 (日本語)
- 한국 (한국어)
Contact your local office