Navigation:  Reference > Elements >

Text Label (Text Box)

Previous pageReturn to chapter overviewNext page

Text Label is a basic element.  Its has the same look for all UI themes, except that it has a default "Comic Sans MS" font in the Hand Drawing theme.

UI Theme:

Hand Drawn


All Themes





Text Box can simulate a paragraph of text, or a single row headline.  Double clicking the Text Box element will bring up its content editor.


Dragging the handler on the right can change the preferred width, if the text can not be hold in a single row, it will wrap to next row automatically.

Remarks: adding HTML tags into text content is allowed.  But it will not take effect until you run the simulation in web browser.

Element Specific Facilities


1.Specify text style (underline, italic and bold)
2.Horizontal align of the text (left, center or right)
3.Set font name
4.Set font size
5.Text color
6.Vertical align of the text (top, middle or bottom)
7.Show/hide border
8.Border color
9.Border width (in pixels)

Element Events

Element Clicked, Element Double-Clicked, Element Right-Clicked, Element Initialized, Element Hidden, Mouse Over, Mouse Out, Mouse Move, Mouse Down, Mouse Up, Key Down, Key Up, Custom Event

Element Actions

Change Visibility, Change Location, Change Size, Change State, Change Text, Change Opacity, Change Background Color, Change Text Color

Element Properties

Id, X Coordinate, Y Coordinate, Width, Height, Visible, Note

Current Value of Text Label, Current Length of Text