Navigation:  Reference > Elements >

TextBox

Previous pageReturn to chapter overviewNext page

Text Box 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 Drawing

Other Themes

Legend

Text_hand

Text_wire

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.

texteditor

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

Text_fac

1.Underline the text
2.Make text Italic
3.Use bold text
4.Horizontal align of the text (left, center or right)
5.Set font name
6.Set font size
7.Text color
8.Vertical align of the text (top, middle or bottom)
9.Show/hide border
10.Border color
11.Set state of text (can be normal or disabled)

Element Events

Element Clicked, Element Double-Clicked, Element Right-Clicked, Element Initialized, Element Hidden, Mouse Over, Mouse Out, Mouse Move, Mouse Down, Mouse Up, Global Mouse Move, Global Mouse Down, Global 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 TextBox