Function: a!boxLayout()
Displays any arrangement of layouts and components within a box on an interface.
Parameters
| Name | Keyword | Type | Description |
|---|---|---|---|
| Label | label | Text | Text to display as the box's title. |
| Contents | contents | List of Any Type | Components and layouts to display within the box. |
| Style | style | Text | Determines the color of the label and box outline. Valid values: Any valid hex color or "STANDARD" (default), "ACCENT", "SUCCESS", "INFO", "WARN", "ERROR". |
| Visibility | showWhen | Boolean | Determines whether the layout is displayed on the interface. When set to false, the layout is hidden and is not evaluated. Default: true. |
| Margin Below | marginBelow | Text | Determines how much space is added below the layout. Valid values: “NONE” (default), “STANDARD”. |
Example
Copy and paste an example into the INTERFACE DEFINITION in EXPRESSION MODE to see it displayed.
Box Layout with Success Style
1
2
3
4
5
6
7
8
9
10
11
12
= a!boxLayout(
label: "Success! Your order was successfully processed",
style: "SUCCESS",
marginBelow: "STANDARD",
contents: {
a!textField(
labelPosition: "COLLAPSED",
value: "Your credit card has been charged.",
readOnly: true
)
}
)
Displays the following:
Box Layout with Custom Style
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
= a!boxLayout(
label: "Enrolled Students",
style: "#98002E",
marginBelow: "STANDARD",
contents: {
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: a!richTextBulletedList(
items: {
"Elizabeth Ward",
"Fatima Cooper",
"Jaylen Smith",
"Michael Johnson",
"Jade Rao",
}
)
)
}
)
Displays the following:
