A block component is a generic container that displays HTML, including text and images. A block is rendered on-screen as an HTML span element, although other HTML types are supported. A block can serve as a background or as a divider for areas of the application with a common function. Blocks can also display images or text in other components.
 | To avoid unexpected layout behavior in deployed applications, it's recommended to use Block as a container only if it meets one of these requirements:
- The Block is owned by a layout manager, such as LayoutGrid, Tab, Stack, and Splitter.
- The Block is relatively positioned and has a width of 100%.
- The Block is absolutely positioned.
|
| Name |
Icon |
Description |
| Block - 100% |
 |
A simple, relatively positioned block that fills the entire component area. Useful as a container or background for other components. |
| Block - Absolute |
 |
An absolutely positioned block that is positioned at the top left of the parent GUI component. |
| BlockX |
 |
An absolutely positioned block that can display XML data. An XSL file can be specified to filter and modify the XML. |
| Image |
 |
A relatively positioned image from a file. The file is referenced using the Tag Name property. The path to the image is defined by the src attribute in the Attributes Editor. |
| Label |
 |
A relatively positioned text label. Useful as a label for a Text Box component. |
| Text |
|
A relatively positioned text area that is useful for larger blocks of text. |
Cross-browser Box Model
With the introduction of the new cross-browser box model in General Interface 3.2 and higher, padding, margin, and border properties are managed by the system, not the browser.
The new box model rules that relate to left, top and margin are:
- If position is absolute, left and top are honored. Margin is ignored.
- If position is relative, margin is honored. Left and top are ignored.
Blocks