Label: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
(→‎Properties: Adding note to not use with a percentage based height.)
Line 8: Line 8:


To add a Label to your app, choose the Label icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need.
To add a Label to your app, choose the Label icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need.
To get rid of the white text shadowing when displaying on coloured backgrounds (jQuery Mobile), put <code>text-shadow: 0;</code> in the label's style property.


== Properties ==
== Properties ==

Revision as of 18:38, 21 December 2013

Description

The Label control is used to display text and headings. The text cannot be modified.

While a variety of different events are available, the usual response to clicking a command button is to call the function <buttonID>_onclick().

To add a Label to your app, choose the Label icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need.

To get rid of the white text shadowing when displaying on coloured backgrounds (jQuery Mobile), put text-shadow: 0; in the label's style property.

Properties

Standard properties are supported, plus:

Caption The caption of the label. Same as textContent. Runtime only.
innerHTML The text of the title in HTML format. Runtime only.
textContent The text of the title.
verticalAlign The vertical alignment of the text: top, center, or bottom. Do not use for multi line labels. Do not use a percentage based height.

Change the color of a label

Label1.style.color = "red"

Events

Standard events are supported. However, events are not usually associated with the control.