Container Controls
Panel
Control – a basic building block
Repeater
and Repeater Row Control
See also: Introduction to Styling, Layouts, Controls
Container controls form a sub-category within controls i.e. some controls are containers. A container is basically something that can contain other controls. Every container has a configurable layout which defines how the child controls of a container are positioned relative to each other – simple examples are horizontally and vertically. This ability to have a layout is the most important aspect of a container.
The simplest container is a Panel Control and this can be thought of as a rectangle (equivalent to a <div> in HTML). Panel Controls are frequently nested to produce complex page layouts, with each Panel Control having a different layout. This is illustrated in the following section from a web page which is constructed using a number of nested Panel Controls with either horizontal or vertical layout.
There are a number of additional container controls that have more explicit functionality:
A Titled Panel Control consists of a title bar with content beneath. It supports curved corners. The example below shows the content with a Field Grid Layout.
A Group Panel Control is similar to a Titled Panel and supports three texts – a group header text, information text and trailer text.
A Page Panel Control is almost identical to a Group Panel Control. It exists mainly to support upgrades from earlier versions of Ebase Xi.
A Grid Cell Control can only exist inside a Grid Control and provides basic container functionality for each cell within the grid, very similar to a Panel Control.
A Tab Control can only exist inside a TabSet Control and provides basic container functionality for each tab within the tabset, very similar to a Panel Control.
A Repeater Control provides a way to format data in a table. The Repeater Control itself has a layout which determines how adjacent rows are laid out relative to each other. The Repeater Row Control also has a layout which determines how individual rows are formatted. In the following example the Repeater Control has a Column Layout with 2 columns and the Repeater Row has a Vertical Layout.
See Repeater Control for more information.