Label
Represents a label control.
Wisej Label controls are used to display text or images that cannot be edited by the user. They are used to identify objects on a form—to provide a description of what a certain control will do if clicked, for example, or to display information in response to a run-time event or process in your application. Because the Label control cannot receive focus, it can also be used to create access keys for other controls.
When the AutoSize property is set to true, the Label control will automatically adjust itself to fit the size of it's text content.
A BorderStyle is applied to the Labels to show the AutoSize functionality.
The Label control can be scaled to any level of complexity by utilizing the AllowHtml property. This property controls whether the value applied to the Text property will be interpreted as HTML.
Label control with AllowHtml = true, demonstrates gradient text and emojis.
Mnemonics can be used to provide shortcuts for form navigation. By pressing ALT + the Mnemonic key on a Label control, the focus will automatically be applied to the control at the next TabIndex. Mnemonic keys are specified with an ampersand (&) .
Certain controls come with a Label property that allows it to display a label without having to create a separate Label control, see the link below.
The Label control is fully customizable through the Font, Text, AllowHTML, and AppearanceKey properties.
Like most other controls in Wisej, the Label control has a Font property that allows for customization of the size, features, and style of font to use for the control.
Label with "Bangers" Google Font.
When set to true, the Label's Text property will be interpreted as HTML content, allowing for full customization of the control.
The AppearanceKey property of the control can be used to give the Label a custom look. This can be based off of another control already defined in the theme (i.e. button) or as an entirely new appearance defined in a mixin.
MyTextLabel.mixin.theme
{
"appearances":
{
"myTextLabel":
{
"inherit": "textlabel",
"states":
{
"default":
{
"styles":
{
"backgroundColor": "blue"
}
}
}
}
}
}
Item | Description |
|---|---|
Class name | "wisej.web.Label" |
Theme appearance | |
Source code |
Last modified 9mo ago